sti-antd-package 0.0.25 → 0.0.27

package/dist/components/DatePicker/types.d.ts

@@ -24,6 +24,7 @@ export interface DatePickerComponentProps {
     picker?: DatePickerProps['picker'];
     format?: DatePickerFormatType;
     loading?: boolean;
+    readOnly?: boolean;
     disabled?: boolean;
     disabledDate?: DatePickerProps['disabledDate'];
     disabledTime?: DatePickerProps['disabledTime'];

package/dist/components/DateRangePicker/types.d.ts

@@ -25,6 +25,7 @@ export interface DateRangePickerComponentProps {
     picker?: DatePickerProps['picker'];
     format?: DatePickerFormatType;
     loading?: boolean;
+    readOnly?: boolean;
     disabled?: boolean;
     disabledDate?: RangePickerProps['disabledDate'];
     disabledTime?: RangePickerProps['disabledTime'];

package/dist/components/Select/types.d.ts

@@ -19,6 +19,7 @@ export interface SelectComponentProps {
     suffixIcon?: React.ReactNode;
     classNames?: string[];
     loading?: boolean;
+    readOnly?: boolean;
     disabled?: boolean;
     open?: boolean;
     filterOption?: SelectProps['filterOption'];

package/dist/index.d.ts

@@ -402,6 +402,7 @@ interface DatePickerComponentProps {
     picker?: DatePickerProps['picker'];
     format?: DatePickerFormatType;
     loading?: boolean;
+    readOnly?: boolean;
     disabled?: boolean;
     disabledDate?: DatePickerProps['disabledDate'];
     disabledTime?: DatePickerProps['disabledTime'];
@@ -441,6 +442,7 @@ interface DateRangePickerComponentProps {
     picker?: DatePickerProps$1['picker'];
     format?: DatePickerFormatType;
     loading?: boolean;
+    readOnly?: boolean;
     disabled?: boolean;
     disabledDate?: RangePickerProps['disabledDate'];
     disabledTime?: RangePickerProps['disabledTime'];
@@ -633,6 +635,7 @@ interface SelectComponentProps {
     suffixIcon?: React.ReactNode;
     classNames?: string[];
     loading?: boolean;
+    readOnly?: boolean;
     disabled?: boolean;
     open?: boolean;
     filterOption?: SelectProps['filterOption'];

package/dist/index.esm.js

@@ -34,9 +34,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$c = ".style-module_w-100__s3GaI {\n  width: 100%;\n}\n";
+var css_248z$d = ".style-module_w-100__s3GaI {\n  width: 100%;\n}\n";
 var style$1 = {"w-100":"style-module_w-100__s3GaI","w___100":"style-module_w-100__s3GaI"};
-styleInject(css_248z$c);
+styleInject(css_248z$d);
 
 const styleCSS = style$1;
 
@@ -1861,9 +1861,9 @@ const selectAsync = ({ format, request, initData, }) => {
     return [fetchList, initOptions, formatOptions];
 };
 
-var css_248z$b = ".style-module_button-save__CGfus {\n  background-color: var(--color-primary-a0);\n}\n\n@keyframes style-module_zoom-in__HJzbj {\n  from {\n    width: 0;\n    opacity: 0;\n  }\n\n  to {\n    display: inline-flex;\n    transform: scaleX(100%) scaleY(100%);\n    opacity: 1;\n  }\n}\n\n@keyframes style-module_zoom-out__PqWZu {\n  from {\n    display: inline-flex;\n  }\n\n  to {\n    transform: scaleX(0) scaleY(0);\n    width: 0;\n    opacity: 0;\n  }\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-add__J3FOg>button:nth-child(-n + 1) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-edit__-ZIEQ>button:nth-child(-n + 2) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F>button {\n  animation: style-module_zoom-in__HJzbj .5s;\n}\n\n.style-module_button-group__m4a-F .style-module_display-none__y57XG {\n  animation: style-module_zoom-out__PqWZu .5s;\n  display: none;\n}";
+var css_248z$c = ".style-module_button-save__CGfus {\n  background-color: var(--color-primary-a0);\n}\n\n@keyframes style-module_zoom-in__HJzbj {\n  from {\n    width: 0;\n    opacity: 0;\n  }\n\n  to {\n    display: inline-flex;\n    transform: scaleX(100%) scaleY(100%);\n    opacity: 1;\n  }\n}\n\n@keyframes style-module_zoom-out__PqWZu {\n  from {\n    display: inline-flex;\n  }\n\n  to {\n    transform: scaleX(0) scaleY(0);\n    width: 0;\n    opacity: 0;\n  }\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-add__J3FOg>button:nth-child(-n + 1) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-edit__-ZIEQ>button:nth-child(-n + 2) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F>button {\n  animation: style-module_zoom-in__HJzbj .5s;\n}\n\n.style-module_button-group__m4a-F .style-module_display-none__y57XG {\n  animation: style-module_zoom-out__PqWZu .5s;\n  display: none;\n}";
 var styleButton = {"button-save":"style-module_button-save__CGfus","button-group":"style-module_button-group__m4a-F","button-group-add":"style-module_button-group-add__J3FOg","button-group-edit":"style-module_button-group-edit__-ZIEQ","zoom-in":"style-module_zoom-in__HJzbj","display-none":"style-module_display-none__y57XG","zoom-out":"style-module_zoom-out__PqWZu","button___save":"style-module_button-save__CGfus","button___group":"style-module_button-group__m4a-F","button___group___add":"style-module_button-group-add__J3FOg","button___group___edit":"style-module_button-group-edit__-ZIEQ","zoom___in":"style-module_zoom-in__HJzbj","display___none":"style-module_display-none__y57XG","zoom___out":"style-module_zoom-out__PqWZu"};
-styleInject(css_248z$b);
+styleInject(css_248z$c);
 
 const IconContext$1 = /*#__PURE__*/createContext({});
 
@@ -4055,15 +4055,15 @@ const DataGridProvider = ({ filterHeader, columns, children, }) => {
     return (jsxRuntimeExports.jsx(DataGridContext.Provider, { value: value, children: children }));
 };
 
-var css_248z$a = "html {\n  --success-default: #28a745;\n  --danger-default: #dc3545;\n\n  --color-light-a0-default: #ffffff;\n  --color-light-a10-default: #e9e9e9;\n  --color-light-a20-default: #d2d2d2;\n  --color-light-a30-default: #bababa;\n  --color-light-a40-default: #a0a0a0;\n  --color-light-a50-default: #868686;\n\n  --color-dark-a0-default: #121212;\n  --color-dark-a10-default: #282828;\n  --color-dark-a20-default: #3f3f3f;\n  --color-dark-a30-default: #575757;\n  --color-dark-a40-default: #717171;\n  --color-dark-a50-default: #8b8b8b;\n\n  --color-primary-a0-default: #3dc2ec;\n  --color-primary-a10-default: #5fc9ee;\n  --color-primary-a20-default: #79d0f0;\n  --color-primary-a30-default: #90d6f3;\n  --color-primary-a40-default: #a4ddf5;\n  --color-primary-a50-default: #b8e4f7;\n\n  --color-primary-dark-a0-default: #213137;\n  --color-primary-dark-a10-default: #36454a;\n  --color-primary-dark-a20-default: #4d5a5f;\n  --color-primary-dark-a30-default: #646f74;\n  --color-primary-dark-a40-default: #7c8689;\n  --color-primary-dark-a50-default: #959da0;\n\n  --color-secondary-a0-default: #ad49e1;\n  --color-secondary-a10-default: #b860e5;\n  --color-secondary-a20-default: #c274e9;\n  --color-secondary-a30-default: #cc89ec;\n  --color-secondary-a40-default: #d69df0;\n  --color-secondary-a50-default: #dfb0f3;\n\n  --color-secondary-dark-a0-default: #2e1f36;\n  --color-secondary-dark-a10-default: #42344a;\n  --color-secondary-dark-a20-default: #584a5e;\n  --color-secondary-dark-a30-default: #6e6273;\n  --color-secondary-dark-a40-default: #847a89;\n  --color-secondary-dark-a50-default: #9c93a0;\n}\n\n.style_success__OJLGK {\n  color: var(--success, var(--success-default)) !important;\n}\n\n.style_danger__Kkj7I {\n  color: var(--danger, var(--danger-default)) !important;\n}\n\n.style_light-a0__IqAbq {\n  color: var(--color-light-a0, var(--color-light-a0-default)) !important;\n}\n\n.style_light-a10__HmZkj {\n  color: var(--color-light-a10, var(--color-light-a10-default)) !important;\n}\n\n.style_light-a20__jwK9u {\n  color: var(--color-light-a20, var(--color-light-a20-default)) !important;\n}\n\n.style_light-a30__u7-f- {\n  color: var(--color-light-a30, var(--color-light-a30-default)) !important;\n}\n\n.style_light-a40__ozfI4 {\n  color: var(--color-light-a40, var(--color-light-a40-default)) !important;\n}\n\n.style_light-a50__kRA5g {\n  color: var(--color-light-a50, var(--color-light-a50-default)) !important;\n}\n\n.style_dark-a0__9m3yI {\n  color: var(--color-dark-a0, var(--color-dark-a0-default)) !important;\n}\n\n.style_dark-a10__jAtYh {\n  color: var(--color-dark-a10, var(--color-dark-a10-default)) !important;\n}\n\n.style_dark-a20__60nkd {\n  color: var(--color-dark-a20, var(--color-dark-a20-default)) !important;\n}\n\n.style_dark-a30__ED3PC {\n  color: var(--color-dark-a30, var(--color-dark-a30-default)) !important;\n}\n\n.style_dark-a40__rSYy6 {\n  color: var(--color-dark-a40, var(--color-dark-a40-default)) !important;\n}\n\n.style_dark-a50__uIvD- {\n  color: var(--color-dark-a50, var(--color-dark-a50-default)) !important;\n}\n\n.style_primary-a0__bsl-7 {\n  color: var(--color-primary-a0, var(--color-primary-a0-default)) !important;\n}\n\n.style_primary-a10__pr2vt {\n  color: var(--color-primary-a10, var(--color-primary-a10-default)) !important;\n}\n\n.style_primary-a20__HhTmN {\n  color: var(--color-primary-a20, var(--color-primary-a20-default)) !important;\n}\n\n.style_primary-a30__2JV2J {\n  color: var(--color-primary-a30, var(--color-primary-a30-default)) !important;\n}\n\n.style_primary-a40__xeKpG {\n  color: var(--color-primary-a40, var(--color-primary-a40-default)) !important;\n}\n\n.style_primary-a50__moUMf {\n  color: var(--color-primary-a50, var(--color-primary-a50-default)) !important;\n}\n\n.style_primary-dark-a0__-bRAb {\n  color: var(--color-primary-dark-a0, var(--color-primary-dark-a0-default)) !important;\n}\n\n.style_primary-dark-a10__u6chI {\n  color: var(--color-primary-dark-a10, var(--color-primary-dark-a10-default)) !important;\n}\n\n.style_primary-dark-a20__stCee {\n  color: var(--color-primary-dark-a20, var(--color-primary-dark-a20-default)) !important;\n}\n\n.style_primary-dark-a30__zIK00 {\n  color: var(--color-primary-dark-a30, var(--color-primary-dark-a30-default)) !important;\n}\n\n.style_primary-dark-a40__lx9UB {\n  color: var(--color-primary-dark-a40, var(--color-primary-dark-a40-default)) !important;\n}\n\n.style_primary-dark-a50__LoPRz {\n  color: var(--color-primary-dark-a50, var(--color-primary-dark-a50-default)) !important;\n}";
-styleInject(css_248z$a);
+var css_248z$b = "html {\n  --success-default: #28a745;\n  --danger-default: #dc3545;\n\n  --color-light-a0-default: #ffffff;\n  --color-light-a10-default: #e9e9e9;\n  --color-light-a20-default: #d2d2d2;\n  --color-light-a30-default: #bababa;\n  --color-light-a40-default: #a0a0a0;\n  --color-light-a50-default: #868686;\n\n  --color-dark-a0-default: #121212;\n  --color-dark-a10-default: #282828;\n  --color-dark-a20-default: #3f3f3f;\n  --color-dark-a30-default: #575757;\n  --color-dark-a40-default: #717171;\n  --color-dark-a50-default: #8b8b8b;\n\n  --color-primary-a0-default: #3dc2ec;\n  --color-primary-a10-default: #5fc9ee;\n  --color-primary-a20-default: #79d0f0;\n  --color-primary-a30-default: #90d6f3;\n  --color-primary-a40-default: #a4ddf5;\n  --color-primary-a50-default: #b8e4f7;\n\n  --color-primary-dark-a0-default: #213137;\n  --color-primary-dark-a10-default: #36454a;\n  --color-primary-dark-a20-default: #4d5a5f;\n  --color-primary-dark-a30-default: #646f74;\n  --color-primary-dark-a40-default: #7c8689;\n  --color-primary-dark-a50-default: #959da0;\n\n  --color-secondary-a0-default: #ad49e1;\n  --color-secondary-a10-default: #b860e5;\n  --color-secondary-a20-default: #c274e9;\n  --color-secondary-a30-default: #cc89ec;\n  --color-secondary-a40-default: #d69df0;\n  --color-secondary-a50-default: #dfb0f3;\n\n  --color-secondary-dark-a0-default: #2e1f36;\n  --color-secondary-dark-a10-default: #42344a;\n  --color-secondary-dark-a20-default: #584a5e;\n  --color-secondary-dark-a30-default: #6e6273;\n  --color-secondary-dark-a40-default: #847a89;\n  --color-secondary-dark-a50-default: #9c93a0;\n}\n\n.style_success__OJLGK {\n  color: var(--success, var(--success-default)) !important;\n}\n\n.style_danger__Kkj7I {\n  color: var(--danger, var(--danger-default)) !important;\n}\n\n.style_light-a0__IqAbq {\n  color: var(--color-light-a0, var(--color-light-a0-default)) !important;\n}\n\n.style_light-a10__HmZkj {\n  color: var(--color-light-a10, var(--color-light-a10-default)) !important;\n}\n\n.style_light-a20__jwK9u {\n  color: var(--color-light-a20, var(--color-light-a20-default)) !important;\n}\n\n.style_light-a30__u7-f- {\n  color: var(--color-light-a30, var(--color-light-a30-default)) !important;\n}\n\n.style_light-a40__ozfI4 {\n  color: var(--color-light-a40, var(--color-light-a40-default)) !important;\n}\n\n.style_light-a50__kRA5g {\n  color: var(--color-light-a50, var(--color-light-a50-default)) !important;\n}\n\n.style_dark-a0__9m3yI {\n  color: var(--color-dark-a0, var(--color-dark-a0-default)) !important;\n}\n\n.style_dark-a10__jAtYh {\n  color: var(--color-dark-a10, var(--color-dark-a10-default)) !important;\n}\n\n.style_dark-a20__60nkd {\n  color: var(--color-dark-a20, var(--color-dark-a20-default)) !important;\n}\n\n.style_dark-a30__ED3PC {\n  color: var(--color-dark-a30, var(--color-dark-a30-default)) !important;\n}\n\n.style_dark-a40__rSYy6 {\n  color: var(--color-dark-a40, var(--color-dark-a40-default)) !important;\n}\n\n.style_dark-a50__uIvD- {\n  color: var(--color-dark-a50, var(--color-dark-a50-default)) !important;\n}\n\n.style_primary-a0__bsl-7 {\n  color: var(--color-primary-a0, var(--color-primary-a0-default)) !important;\n}\n\n.style_primary-a10__pr2vt {\n  color: var(--color-primary-a10, var(--color-primary-a10-default)) !important;\n}\n\n.style_primary-a20__HhTmN {\n  color: var(--color-primary-a20, var(--color-primary-a20-default)) !important;\n}\n\n.style_primary-a30__2JV2J {\n  color: var(--color-primary-a30, var(--color-primary-a30-default)) !important;\n}\n\n.style_primary-a40__xeKpG {\n  color: var(--color-primary-a40, var(--color-primary-a40-default)) !important;\n}\n\n.style_primary-a50__moUMf {\n  color: var(--color-primary-a50, var(--color-primary-a50-default)) !important;\n}\n\n.style_primary-dark-a0__-bRAb {\n  color: var(--color-primary-dark-a0, var(--color-primary-dark-a0-default)) !important;\n}\n\n.style_primary-dark-a10__u6chI {\n  color: var(--color-primary-dark-a10, var(--color-primary-dark-a10-default)) !important;\n}\n\n.style_primary-dark-a20__stCee {\n  color: var(--color-primary-dark-a20, var(--color-primary-dark-a20-default)) !important;\n}\n\n.style_primary-dark-a30__zIK00 {\n  color: var(--color-primary-dark-a30, var(--color-primary-dark-a30-default)) !important;\n}\n\n.style_primary-dark-a40__lx9UB {\n  color: var(--color-primary-dark-a40, var(--color-primary-dark-a40-default)) !important;\n}\n\n.style_primary-dark-a50__LoPRz {\n  color: var(--color-primary-dark-a50, var(--color-primary-dark-a50-default)) !important;\n}";
+styleInject(css_248z$b);
 
 const FeedbackContext = createContext({});
 const useFeedback = () => useContext(FeedbackContext);
 
-var css_248z$9 = ".style-module_z-10000__WIix6 {\n  z-index: 10000;\n}";
+var css_248z$a = ".style-module_z-10000__WIix6 {\n  z-index: 10000;\n}";
 var styleFeedback = {"z-10000":"style-module_z-10000__WIix6"};
-styleInject(css_248z$9);
+styleInject(css_248z$a);
 
 const FeedbackProvider = ({ children }) => {
     const [messageApi, messageContext] = message.useMessage({ duration: 10 });
@@ -5328,9 +5328,9 @@ const TableRowProvider = (props) => {
     return (jsxRuntimeExports.jsx(Form$2, { form: form, component: false, children: jsxRuntimeExports.jsx(TableRowContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx("tr", Object.assign({}, props, { ref: setNodeRef, style: style }, attributes)) }) }));
 };
 
-var css_248z$8 = ".style-module_number-format-align-right__qOFmQ {\n  text-align: right;\n}";
+var css_248z$9 = ".style-module_number-format-align-right__qOFmQ {\n  text-align: right;\n}";
 var styleNumberFormat = {"number-format-align-right":"style-module_number-format-align-right__qOFmQ"};
-styleInject(css_248z$8);
+styleInject(css_248z$9);
 
 const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing: trailingProps, prefix, suffix, placeholder, disabled, readOnly, allowNegative, value, defaultValue, onValueChange, onChange, removeError, style, onBlur, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onClick, formColLayout, name, label, required, rules, ruleMessage, ruleMin, ruleMax, validateStatus, help, shouldUpdate, ref, }) => {
     const { trailing } = useConfig$1();
@@ -5363,12 +5363,12 @@ const NumberFormatComponent = props => {
             : numberFormat }));
 };
 
-var css_248z$7 = "div.style-module_filter-cell__1BFPm[role=\"columnheader\"] {\n  line-height: 35px;\n  padding: 0;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div {\n  padding-block: 0;\n  padding-inline: 8px;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div:first-child {\n  border-block-end: 1px solid var(--rdg-border-color);\n}";
+var css_248z$8 = "div.style-module_filter-cell__1BFPm[role=\"columnheader\"] {\n  line-height: 35px;\n  padding: 0;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div {\n  padding-block: 0;\n  padding-inline: 8px;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div:first-child {\n  border-block-end: 1px solid var(--rdg-border-color);\n}";
 var styleDataGrid = {"filter-cell":"style-module_filter-cell__1BFPm"};
-styleInject(css_248z$7);
+styleInject(css_248z$8);
 
-var css_248z$6 = "@layer rdg {\n  @layer Defaults,\n    FocusSink,\n    CheckboxInput,\n    CheckboxIcon,\n    CheckboxLabel,\n    Cell,\n    HeaderCell,\n    SummaryCell,\n    EditCell,\n    Row,\n    HeaderRow,\n    SummaryRow,\n    GroupedRow,\n    Root;\n}\n\n.styles_mlln6zg7-0-0-beta-51__IgLfM {\n  @layer rdg.MeasuringCell {\n    contain: strict;\n    grid-row: 1;\n    visibility: hidden;\n  }\n}\n\n\n.styles_cj343x07-0-0-beta-51__Ox6zn {\n  @layer rdg.Cell {\n    /* max-content does not work with size containment\n     * dynamically switching between different containment styles incurs a heavy relayout penalty\n     * Chromium bug: at odd zoom levels or subpixel positioning,\n     * layout/paint/style containment can make cell borders disappear\n     *   https://issues.chromium.org/issues/40840864\n     */\n    position: relative; /* needed for absolute positioning to work */\n    padding-block: 0;\n    padding-inline: 8px;\n    border-inline-end: 1px solid var(--rdg-border-color);\n    border-block-end: 1px solid var(--rdg-border-color);\n    grid-row-start: var(--rdg-grid-row-start);\n    align-content: center;\n    background-color: inherit;\n\n    white-space: nowrap;\n    overflow: clip;\n    text-overflow: ellipsis;\n    outline: none;\n\n    &[aria-selected='true'] {\n      outline: 2px solid var(--rdg-selection-color);\n      outline-offset: -2px;\n    }\n  }\n}\n\n.styles_csofj7r7-0-0-beta-51__cSFNo {\n  @layer rdg.Cell {\n    position: sticky;\n    /* Should have a higher value than 0 to show up above unfrozen cells */\n    z-index: 1;\n\n    /* Add box-shadow on the last frozen cell */\n    &:nth-last-child(1 of &) {\n      box-shadow: var(--rdg-cell-frozen-box-shadow);\n    }\n  }\n}\n\n\n.styles_c1bn88vv7-0-0-beta-51__0ex9w {\n  @layer rdg.CheckboxInput {\n    display: block;\n    margin: auto;\n    inline-size: 20px;\n    block-size: 20px;\n\n    &:focus-visible {\n      outline: 2px solid var(--rdg-checkbox-focus-color);\n      outline-offset: -3px;\n    }\n\n    &:enabled {\n      cursor: pointer;\n    }\n  }\n}\n\n\n.styles_g1s9ylgp7-0-0-beta-51__9-E0K {\n  @layer rdg.GroupCellContent {\n    outline: none;\n  }\n}\n\n.styles_cz54e4y7-0-0-beta-51__miYvI {\n  @layer rdg.GroupCellCaret {\n    margin-inline-start: 4px;\n    stroke: currentColor;\n    stroke-width: 1.5px;\n    fill: transparent;\n    vertical-align: middle;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_h44jtk67-0-0-beta-51__xXWa8 {\n  @layer rdg.SortableHeaderCell {\n    display: flex;\n  }\n}\n\n.styles_hcgkhxz7-0-0-beta-51__OiHtP {\n  @layer rdg.SortableHeaderCellName {\n    flex-grow: 1;\n    overflow: clip;\n    text-overflow: ellipsis;\n  }\n}\n\n\n.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n  }\n}\n\n.styles_cq910m07-0-0-beta-51__QDFru {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n\n    &.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n      background-color: #9999ff;\n    }\n  }\n}\n\n\n.styles_c1w9bbhr7-0-0-beta-51__Wf6pu {\n  @layer rdg.DragHandle {\n    --rdg-drag-handle-size: 8px;\n    z-index: 0;\n    cursor: move;\n    inline-size: var(--rdg-drag-handle-size);\n    block-size: var(--rdg-drag-handle-size);\n    background-color: var(--rdg-selection-color);\n    place-self: end;\n\n    &:hover {\n      --rdg-drag-handle-size: 16px;\n      border: 2px solid var(--rdg-selection-color);\n      background-color: var(--rdg-background-color);\n    }\n  }\n}\n\n.styles_c1creorc7-0-0-beta-51__CNi-h {\n  @layer rdg.DragHandle {\n    z-index: 1;\n    position: sticky;\n  }\n}\n\n\n.styles_cis5rrm7-0-0-beta-51__CxaQM {\n  @layer rdg.EditCell {\n    padding: 0;\n  }\n}\n\n\n.styles_c6l2wv17-0-0-beta-51__UbCyi {\n  @layer rdg.HeaderCell {\n    cursor: pointer;\n  }\n}\n\n.styles_c1kqdw7y7-0-0-beta-51__ykwkm {\n  @layer rdg.HeaderCell {\n    touch-action: none;\n  }\n}\n\n.styles_r1y6ywlx7-0-0-beta-51__Hc5yg {\n  @layer rdg.HeaderCell {\n    cursor: col-resize;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    inset-block-end: 0;\n    inline-size: 10px;\n  }\n}\n\n.styles_c1bezg5o7-0-0-beta-51__UeQzf {\n  opacity: 0.5;\n}\n\n.styles_c1vc96037-0-0-beta-51__5kJuD {\n  background-color: var(--rdg-header-draggable-background-color);\n}\n\n\n.styles_r1upfr807-0-0-beta-51__bKLx- {\n  @layer rdg.Row {\n    display: contents;\n    background-color: var(--rdg-background-color);\n\n    &:hover {\n      background-color: var(--rdg-row-hover-background-color);\n    }\n\n    &[aria-selected='true'] {\n      background-color: var(--rdg-row-selected-background-color);\n\n      &:hover {\n        background-color: var(--rdg-row-selected-hover-background-color);\n      }\n    }\n  }\n}\n\n.styles_r190mhd37-0-0-beta-51__w8UR- {\n  @layer rdg.FocusSink {\n    outline: 2px solid var(--rdg-selection-color);\n    outline-offset: -2px;\n  }\n}\n\n.styles_r139qu9m7-0-0-beta-51__la9Ur {\n  @layer rdg.FocusSink {\n    &::before {\n      content: '';\n      display: inline-block;\n      block-size: 100%;\n      position: sticky;\n      inset-inline-start: 0;\n      border-inline-start: 2px solid var(--rdg-selection-color);\n    }\n  }\n}\n\n\n.styles_h10tskcx7-0-0-beta-51__F4RNq {\n  @layer rdg.HeaderRow {\n    display: contents;\n    background-color: var(--rdg-header-background-color);\n    font-weight: bold;\n\n    & > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      /* Should have a higher value than 1 to show up above regular cells and the focus sink */\n      z-index: 2;\n      position: sticky;\n    }\n\n    & > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_a3ejtar7-0-0-beta-51__VtazY {\n  @layer rdg.SortIcon {\n    fill: currentColor;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_rnvodz57-0-0-beta-51__27Lyi {\n  @layer rdg.Defaults {\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n  }\n\n  @layer rdg.Root {\n    --rdg-color: #000;   --rdg-border-color: #ddd;   --rdg-summary-border-color: #aaa;   --rdg-background-color: hsl(0deg 0% 100%);   --rdg-header-background-color: hsl(0deg 0% 97.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 96%);   --rdg-row-selected-background-color: hsl(207deg 76% 92%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%);   --rdg-checkbox-focus-color: hsl(207deg 100% 69%);\n    --rdg-selection-color: #66afe9;\n    --rdg-font-size: 14px;\n    --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);\n\n    &:dir(rtl) {\n      --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);\n    }\n\n    display: grid;\n\n    color-scheme: var(--rdg-color-scheme, light dark);\n    accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));\n\n    /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */\n    /* We set a stacking context so internal elements don't render on top of external elements. */\n    /* size containment is not used as it could break \"width: min-content\" for example, and the grid would infinitely resize on Chromium browsers */\n    contain: content;\n    content-visibility: auto;\n    block-size: 350px;\n    border: 1px solid var(--rdg-border-color);\n    box-sizing: border-box;\n    overflow: auto;\n    background-color: var(--rdg-background-color);\n    color: var(--rdg-color);\n    font-size: var(--rdg-font-size);\n\n    /* needed on Firefox to fix scrollbars */\n    &::before {\n      content: '';\n      grid-column: 1/-1;\n      grid-row: 1/-1;\n    }\n\n    &.styles_rdg-dark__Db5Xw {\n      --rdg-color-scheme: dark;\n      --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n    }\n\n    &.styles_rdg-light__xQW0A {\n      --rdg-color-scheme: light;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      &:not(.styles_rdg-light__xQW0A) {\n        --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n      }\n    }\n\n    > :nth-last-child(1 of .styles_rdg-top-summary-row__60vpR) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-end: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n\n    > :nth-child(1 of .styles_rdg-bottom-summary-row__4TK4P) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-start: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n  }\n}\n\n.styles_vlqv91k7-0-0-beta-51__vmK9i {\n  @layer rdg.Root {\n    user-select: none;\n\n    & .styles_r1upfr807-0-0-beta-51__bKLx- {\n      cursor: move;\n    }\n  }\n}\n\n.styles_f1lsfrzw7-0-0-beta-51__I3m-T {\n  @layer rdg.FocusSink {\n    grid-column: 1/-1;\n    pointer-events: none;\n    /* Should have a higher value than 1 to show up above regular frozen cells */\n    z-index: 1;\n  }\n}\n\n.styles_f1cte0lg7-0-0-beta-51__gxTML {\n  @layer rdg.FocusSink {\n    /* Should have a higher value than 3 to show up above header and summary rows */\n    z-index: 3;\n  }\n}\n\n\n.styles_s8wc6fl7-0-0-beta-51__KBdS6 {\n  @layer rdg.SummaryCell {\n    inset-block-start: var(--rdg-summary-row-top);\n    inset-block-end: var(--rdg-summary-row-bottom);\n  }\n}\n\n\n.styles_skuhp557-0-0-beta-51__kFPXf {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      position: sticky;\n    }\n  }\n}\n\n.styles_tf8l5ub7-0-0-beta-51__sXVD2 {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      z-index: 2;\n    }\n\n    > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_g1yxluv37-0-0-beta-51__MVXN8 {\n  @layer rdg.GroupedRow {\n    &:not([aria-selected='true']) {\n      background-color: var(--rdg-header-background-color);\n    }\n\n    > .styles_cj343x07-0-0-beta-51__Ox6zn:not(:last-child, .styles_csofj7r7-0-0-beta-51__cSFNo),\n    > :nth-last-child(n + 2 of .styles_csofj7r7-0-0-beta-51__cSFNo) {\n      border-inline-end: none;\n    }\n  }\n}\n\n\n.styles_t7vyx3i7-0-0-beta-51__ha363 {\n  @layer rdg.TextEditor {\n    appearance: none;\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border: 2px solid #ccc;\n    vertical-align: top;\n    color: var(--rdg-color);\n    background-color: var(--rdg-background-color);\n\n    font-family: inherit;\n    font-size: var(--rdg-font-size);\n\n    &:focus {\n      border-color: var(--rdg-selection-color);\n      outline: none;\n    }\n\n    &::placeholder {\n      color: #999;\n      opacity: 1;\n    }\n  }\n}";
-styleInject(css_248z$6);
+var css_248z$7 = "@layer rdg {\n  @layer Defaults,\n    FocusSink,\n    CheckboxInput,\n    CheckboxIcon,\n    CheckboxLabel,\n    Cell,\n    HeaderCell,\n    SummaryCell,\n    EditCell,\n    Row,\n    HeaderRow,\n    SummaryRow,\n    GroupedRow,\n    Root;\n}\n\n.styles_mlln6zg7-0-0-beta-51__IgLfM {\n  @layer rdg.MeasuringCell {\n    contain: strict;\n    grid-row: 1;\n    visibility: hidden;\n  }\n}\n\n\n.styles_cj343x07-0-0-beta-51__Ox6zn {\n  @layer rdg.Cell {\n    /* max-content does not work with size containment\n     * dynamically switching between different containment styles incurs a heavy relayout penalty\n     * Chromium bug: at odd zoom levels or subpixel positioning,\n     * layout/paint/style containment can make cell borders disappear\n     *   https://issues.chromium.org/issues/40840864\n     */\n    position: relative; /* needed for absolute positioning to work */\n    padding-block: 0;\n    padding-inline: 8px;\n    border-inline-end: 1px solid var(--rdg-border-color);\n    border-block-end: 1px solid var(--rdg-border-color);\n    grid-row-start: var(--rdg-grid-row-start);\n    align-content: center;\n    background-color: inherit;\n\n    white-space: nowrap;\n    overflow: clip;\n    text-overflow: ellipsis;\n    outline: none;\n\n    &[aria-selected='true'] {\n      outline: 2px solid var(--rdg-selection-color);\n      outline-offset: -2px;\n    }\n  }\n}\n\n.styles_csofj7r7-0-0-beta-51__cSFNo {\n  @layer rdg.Cell {\n    position: sticky;\n    /* Should have a higher value than 0 to show up above unfrozen cells */\n    z-index: 1;\n\n    /* Add box-shadow on the last frozen cell */\n    &:nth-last-child(1 of &) {\n      box-shadow: var(--rdg-cell-frozen-box-shadow);\n    }\n  }\n}\n\n\n.styles_c1bn88vv7-0-0-beta-51__0ex9w {\n  @layer rdg.CheckboxInput {\n    display: block;\n    margin: auto;\n    inline-size: 20px;\n    block-size: 20px;\n\n    &:focus-visible {\n      outline: 2px solid var(--rdg-checkbox-focus-color);\n      outline-offset: -3px;\n    }\n\n    &:enabled {\n      cursor: pointer;\n    }\n  }\n}\n\n\n.styles_g1s9ylgp7-0-0-beta-51__9-E0K {\n  @layer rdg.GroupCellContent {\n    outline: none;\n  }\n}\n\n.styles_cz54e4y7-0-0-beta-51__miYvI {\n  @layer rdg.GroupCellCaret {\n    margin-inline-start: 4px;\n    stroke: currentColor;\n    stroke-width: 1.5px;\n    fill: transparent;\n    vertical-align: middle;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_h44jtk67-0-0-beta-51__xXWa8 {\n  @layer rdg.SortableHeaderCell {\n    display: flex;\n  }\n}\n\n.styles_hcgkhxz7-0-0-beta-51__OiHtP {\n  @layer rdg.SortableHeaderCellName {\n    flex-grow: 1;\n    overflow: clip;\n    text-overflow: ellipsis;\n  }\n}\n\n\n.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n  }\n}\n\n.styles_cq910m07-0-0-beta-51__QDFru {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n\n    &.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n      background-color: #9999ff;\n    }\n  }\n}\n\n\n.styles_c1w9bbhr7-0-0-beta-51__Wf6pu {\n  @layer rdg.DragHandle {\n    --rdg-drag-handle-size: 8px;\n    z-index: 0;\n    cursor: move;\n    inline-size: var(--rdg-drag-handle-size);\n    block-size: var(--rdg-drag-handle-size);\n    background-color: var(--rdg-selection-color);\n    place-self: end;\n\n    &:hover {\n      --rdg-drag-handle-size: 16px;\n      border: 2px solid var(--rdg-selection-color);\n      background-color: var(--rdg-background-color);\n    }\n  }\n}\n\n.styles_c1creorc7-0-0-beta-51__CNi-h {\n  @layer rdg.DragHandle {\n    z-index: 1;\n    position: sticky;\n  }\n}\n\n\n.styles_cis5rrm7-0-0-beta-51__CxaQM {\n  @layer rdg.EditCell {\n    padding: 0;\n  }\n}\n\n\n.styles_c6l2wv17-0-0-beta-51__UbCyi {\n  @layer rdg.HeaderCell {\n    cursor: pointer;\n  }\n}\n\n.styles_c1kqdw7y7-0-0-beta-51__ykwkm {\n  @layer rdg.HeaderCell {\n    touch-action: none;\n  }\n}\n\n.styles_r1y6ywlx7-0-0-beta-51__Hc5yg {\n  @layer rdg.HeaderCell {\n    cursor: col-resize;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    inset-block-end: 0;\n    inline-size: 10px;\n  }\n}\n\n.styles_c1bezg5o7-0-0-beta-51__UeQzf {\n  opacity: 0.5;\n}\n\n.styles_c1vc96037-0-0-beta-51__5kJuD {\n  background-color: var(--rdg-header-draggable-background-color);\n}\n\n\n.styles_r1upfr807-0-0-beta-51__bKLx- {\n  @layer rdg.Row {\n    display: contents;\n    background-color: var(--rdg-background-color);\n\n    &:hover {\n      background-color: var(--rdg-row-hover-background-color);\n    }\n\n    &[aria-selected='true'] {\n      background-color: var(--rdg-row-selected-background-color);\n\n      &:hover {\n        background-color: var(--rdg-row-selected-hover-background-color);\n      }\n    }\n  }\n}\n\n.styles_r190mhd37-0-0-beta-51__w8UR- {\n  @layer rdg.FocusSink {\n    outline: 2px solid var(--rdg-selection-color);\n    outline-offset: -2px;\n  }\n}\n\n.styles_r139qu9m7-0-0-beta-51__la9Ur {\n  @layer rdg.FocusSink {\n    &::before {\n      content: '';\n      display: inline-block;\n      block-size: 100%;\n      position: sticky;\n      inset-inline-start: 0;\n      border-inline-start: 2px solid var(--rdg-selection-color);\n    }\n  }\n}\n\n\n.styles_h10tskcx7-0-0-beta-51__F4RNq {\n  @layer rdg.HeaderRow {\n    display: contents;\n    background-color: var(--rdg-header-background-color);\n    font-weight: bold;\n\n    & > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      /* Should have a higher value than 1 to show up above regular cells and the focus sink */\n      z-index: 2;\n      position: sticky;\n    }\n\n    & > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_a3ejtar7-0-0-beta-51__VtazY {\n  @layer rdg.SortIcon {\n    fill: currentColor;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_rnvodz57-0-0-beta-51__27Lyi {\n  @layer rdg.Defaults {\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n  }\n\n  @layer rdg.Root {\n    --rdg-color: #000;   --rdg-border-color: #ddd;   --rdg-summary-border-color: #aaa;   --rdg-background-color: hsl(0deg 0% 100%);   --rdg-header-background-color: hsl(0deg 0% 97.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 96%);   --rdg-row-selected-background-color: hsl(207deg 76% 92%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%);   --rdg-checkbox-focus-color: hsl(207deg 100% 69%);\n    --rdg-selection-color: #66afe9;\n    --rdg-font-size: 14px;\n    --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);\n\n    &:dir(rtl) {\n      --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);\n    }\n\n    display: grid;\n\n    color-scheme: var(--rdg-color-scheme, light dark);\n    accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));\n\n    /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */\n    /* We set a stacking context so internal elements don't render on top of external elements. */\n    /* size containment is not used as it could break \"width: min-content\" for example, and the grid would infinitely resize on Chromium browsers */\n    contain: content;\n    content-visibility: auto;\n    block-size: 350px;\n    border: 1px solid var(--rdg-border-color);\n    box-sizing: border-box;\n    overflow: auto;\n    background-color: var(--rdg-background-color);\n    color: var(--rdg-color);\n    font-size: var(--rdg-font-size);\n\n    /* needed on Firefox to fix scrollbars */\n    &::before {\n      content: '';\n      grid-column: 1/-1;\n      grid-row: 1/-1;\n    }\n\n    &.styles_rdg-dark__Db5Xw {\n      --rdg-color-scheme: dark;\n      --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n    }\n\n    &.styles_rdg-light__xQW0A {\n      --rdg-color-scheme: light;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      &:not(.styles_rdg-light__xQW0A) {\n        --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n      }\n    }\n\n    > :nth-last-child(1 of .styles_rdg-top-summary-row__60vpR) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-end: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n\n    > :nth-child(1 of .styles_rdg-bottom-summary-row__4TK4P) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-start: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n  }\n}\n\n.styles_vlqv91k7-0-0-beta-51__vmK9i {\n  @layer rdg.Root {\n    user-select: none;\n\n    & .styles_r1upfr807-0-0-beta-51__bKLx- {\n      cursor: move;\n    }\n  }\n}\n\n.styles_f1lsfrzw7-0-0-beta-51__I3m-T {\n  @layer rdg.FocusSink {\n    grid-column: 1/-1;\n    pointer-events: none;\n    /* Should have a higher value than 1 to show up above regular frozen cells */\n    z-index: 1;\n  }\n}\n\n.styles_f1cte0lg7-0-0-beta-51__gxTML {\n  @layer rdg.FocusSink {\n    /* Should have a higher value than 3 to show up above header and summary rows */\n    z-index: 3;\n  }\n}\n\n\n.styles_s8wc6fl7-0-0-beta-51__KBdS6 {\n  @layer rdg.SummaryCell {\n    inset-block-start: var(--rdg-summary-row-top);\n    inset-block-end: var(--rdg-summary-row-bottom);\n  }\n}\n\n\n.styles_skuhp557-0-0-beta-51__kFPXf {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      position: sticky;\n    }\n  }\n}\n\n.styles_tf8l5ub7-0-0-beta-51__sXVD2 {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      z-index: 2;\n    }\n\n    > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_g1yxluv37-0-0-beta-51__MVXN8 {\n  @layer rdg.GroupedRow {\n    &:not([aria-selected='true']) {\n      background-color: var(--rdg-header-background-color);\n    }\n\n    > .styles_cj343x07-0-0-beta-51__Ox6zn:not(:last-child, .styles_csofj7r7-0-0-beta-51__cSFNo),\n    > :nth-last-child(n + 2 of .styles_csofj7r7-0-0-beta-51__cSFNo) {\n      border-inline-end: none;\n    }\n  }\n}\n\n\n.styles_t7vyx3i7-0-0-beta-51__ha363 {\n  @layer rdg.TextEditor {\n    appearance: none;\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border: 2px solid #ccc;\n    vertical-align: top;\n    color: var(--rdg-color);\n    background-color: var(--rdg-background-color);\n\n    font-family: inherit;\n    font-size: var(--rdg-font-size);\n\n    &:focus {\n      border-color: var(--rdg-selection-color);\n      outline: none;\n    }\n\n    &::placeholder {\n      color: #999;\n      opacity: 1;\n    }\n  }\n}";
+styleInject(css_248z$7);
 
 const filterColumnClassName = styleDataGrid['filter-cell'];
 const colAddRow = {
@@ -5451,6 +5451,10 @@ const DataGridComponent = (_a) => {
         columns, children: jsxRuntimeExports.jsx(DataGrid, Object.assign({}, props)) }));
 };
 
+var css_248z$6 = ".DatePicker-module_readonly__uVeAH,\n.DatePicker-module_readonly__uVeAH input {\n  background-color: inherit !important;\n  cursor: auto !important;\n  color: inherit !important;\n}";
+var styleDatePicker = {"readonly":"DatePicker-module_readonly__uVeAH"};
+styleInject(css_248z$6);
+
 const datePickerFormat = {
     default: 'DD-MM-YYYY',
     month: 'MM-YYYY',
@@ -5493,7 +5497,7 @@ var formColLayout = {
     notInline: {},
 };
 
-const DatePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefixCls, suffixIcon, picker, format, disabledDate, disabledTime, loading, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
+const DatePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefixCls, suffixIcon, picker, format, disabledDate, disabledTime, loading, readOnly, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
     const [valueDate, setValueDate] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
     const handleChange = (date, dateString) => {
         setValueDate(date);
@@ -5504,15 +5508,19 @@ const DatePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefi
         value: () => valueDate,
         setValue: setValueDate,
     }));
-    const classDate = [styleCSS['w-100']];
-    classNames && classDate.push(...classNames);
-    const datePicker = !loading ? (jsxRuntimeExports.jsx(DatePicker, { className: classDate === null || classDate === void 0 ? void 0 : classDate.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowClear: !required, disabled: disabled, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDate, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
+    const classDate = useMemo$1(() => {
+        const className = [styleCSS['w-100']];
+        readOnly && className.push(styleDatePicker['readonly']);
+        classNames && className.push(...classNames);
+        return className;
+    }, [readOnly]);
+    const datePicker = !loading ? (jsxRuntimeExports.jsx(DatePicker, { className: classDate === null || classDate === void 0 ? void 0 : classDate.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDate, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "date", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
             : datePicker }));
 };
 
 const { RangePicker } = DatePicker;
-const DateRangePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefixCls, suffixIcon, picker, format, disabledDate, disabledTime, loading, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
+const DateRangePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefixCls, suffixIcon, picker, format, disabledDate, disabledTime, loading, readOnly, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
     var _a;
     const [valueDateRange, setValueDateRange] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
     const handleChange = (date, dateStrings) => {
@@ -5524,9 +5532,13 @@ const DateRangePickerComponent = ({ noItem, size, variant, placeholder, prefix,
         value: () => valueDateRange,
         setValue: setValueDateRange,
     }));
-    const classDateRange = [styleCSS['w-100']];
-    classNames && classDateRange.push(...classNames);
-    const datePicker = !loading ? (jsxRuntimeExports.jsx(RangePicker, { className: classDateRange.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowEmpty: !required, allowClear: !required, disabled: disabled, disabledDate: disabledDate, disabledTime: disabledTime, value: (_a = value !== null && value !== void 0 ? value : valueDateRange) !== null && _a !== void 0 ? _a : null, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
+    const classDateRange = useMemo$1(() => {
+        const className = [styleCSS['w-100']];
+        readOnly && className.push(styleDatePicker['readonly']);
+        classNames && className.push(...classNames);
+        return className;
+    }, [readOnly]);
+    const datePicker = !loading ? (jsxRuntimeExports.jsx(RangePicker, { className: classDateRange.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowEmpty: !required, allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: (_a = value !== null && value !== void 0 ? value : valueDateRange) !== null && _a !== void 0 ? _a : null, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "array", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
             : datePicker }));
 };
@@ -7574,15 +7586,19 @@ const RadioComponent = ({ buttonStyle, options, optionType, onChange, noItem, lo
             : radio }));
 };
 
-var css_248z$4 = ".style-module_select__vcvBg {\n  width: 100%;\n  max-width: 100%;\n}\n\n.style-module_add-item-divider__mnSq1 {\n  margin: 8px 0;\n}\n\n.style-module_add-item-space__yOxDs {\n  padding: 0 8px 4px;\n}\n\n.style-module_add-item-link__lmjLu {\n  white-space: nowrap;\n}";
-var styleSelect = {"select":"style-module_select__vcvBg","add-item-divider":"style-module_add-item-divider__mnSq1","add-item-space":"style-module_add-item-space__yOxDs","add-item-link":"style-module_add-item-link__lmjLu"};
+var css_248z$4 = ".style-module_select__vcvBg {\n  width: 100%;\n  max-width: 100%;\n}\n\n.style-module_add-item-divider__mnSq1 {\n  margin: 8px 0;\n}\n\n.style-module_add-item-space__yOxDs {\n  padding: 0 8px 4px;\n}\n\n.style-module_add-item-link__lmjLu {\n  white-space: nowrap;\n}\n\n.style-module_select__vcvBg.style-module_readonly__1gDhg>div {\n  background-color: inherit !important;\n  cursor: auto !important;\n  color: inherit !important;\n}";
+var styleSelect = {"select":"style-module_select__vcvBg","add-item-divider":"style-module_add-item-divider__mnSq1","add-item-space":"style-module_add-item-space__yOxDs","add-item-link":"style-module_add-item-link__lmjLu","readonly":"style-module_readonly__1gDhg"};
 styleInject(css_248z$4);
 
 const { Link } = Typography;
-const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon, classNames, loading, disabled, open, filterOption, placeholder, value, defaultValue, removeError, onChange, onKeyDown, onSearch, onFocus, notFoundContent, tokenSeparators, options, style, addItem, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
+const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon, classNames, loading, readOnly, disabled, open, filterOption, placeholder, value, defaultValue, removeError, onChange, onKeyDown, onSearch, onFocus, notFoundContent, tokenSeparators, options, style, addItem, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
     const [addItemValue, setAddItemValue] = useState('');
-    const classNameSelect = [styleSelect['select']];
-    classNames && classNameSelect.push(...classNames);
+    const classNameSelect = useMemo$1(() => {
+        const className = [styleSelect['select']];
+        readOnly && className.push(styleSelect['readonly']);
+        classNames && className.push(...classNames);
+        return className;
+    }, [classNames, readOnly]);
     const handleAddItem = (_) => {
         var _a;
         (_a = addItem === null || addItem === void 0 ? void 0 : addItem.onClick) === null || _a === void 0 ? void 0 : _a.call(addItem, addItemValue);
@@ -7594,7 +7610,7 @@ const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon,
     };
     const popupRender = menu => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [menu, addItem &&
                 jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Divider, { className: styleSelect['add-item-divider'] }), jsxRuntimeExports.jsxs(Space, { align: "center", className: styleSelect['add-item-space'], children: [jsxRuntimeExports.jsx(Input$2, { placeholder: "Please enter item", value: addItemValue, onChange: event => setAddItemValue(event.target.value) }), jsxRuntimeExports.jsxs(Link, { className: styleSelect['add-item-link'], onClick: handleAddItem, children: [jsxRuntimeExports.jsx(RefIcon$5, {}), " Add item"] })] })] })] }));
-    const select = !loading ? (jsxRuntimeExports.jsx(Select, { mode: mode, showSearch: showSearch, variant: variant, allowClear: !required, size: size, suffixIcon: suffixIcon, className: classNameSelect.join(' '), disabled: disabled, open: open, filterOption: filterOption, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: (value, event) => {
+    const select = !loading ? (jsxRuntimeExports.jsx(Select, { mode: mode, showSearch: showSearch, variant: variant, allowClear: !required, size: size, suffixIcon: suffixIcon, className: classNameSelect.join(' '), disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, open: open, filterOption: filterOption, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: (value, event) => {
             removeError === null || removeError === void 0 ? void 0 : removeError(name);
             onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
         }, onKeyDown: onKeyDown, onSearch: onSearch, onFocus: onFocus, notFoundContent: notFoundContent, tokenSeparators: tokenSeparators, options: options === null || options === void 0 ? void 0 : options.filter(option => option.value !== undefined), optionLabelProp: "label", optionRender: optionRender, popupRender: popupRender, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });

package/dist/index.js

@@ -53,9 +53,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$c = ".style-module_w-100__s3GaI {\n  width: 100%;\n}\n";
+var css_248z$d = ".style-module_w-100__s3GaI {\n  width: 100%;\n}\n";
 var style$1 = {"w-100":"style-module_w-100__s3GaI","w___100":"style-module_w-100__s3GaI"};
-styleInject(css_248z$c);
+styleInject(css_248z$d);
 
 const styleCSS = style$1;
 
@@ -1880,9 +1880,9 @@ const selectAsync = ({ format, request, initData, }) => {
     return [fetchList, initOptions, formatOptions];
 };
 
-var css_248z$b = ".style-module_button-save__CGfus {\n  background-color: var(--color-primary-a0);\n}\n\n@keyframes style-module_zoom-in__HJzbj {\n  from {\n    width: 0;\n    opacity: 0;\n  }\n\n  to {\n    display: inline-flex;\n    transform: scaleX(100%) scaleY(100%);\n    opacity: 1;\n  }\n}\n\n@keyframes style-module_zoom-out__PqWZu {\n  from {\n    display: inline-flex;\n  }\n\n  to {\n    transform: scaleX(0) scaleY(0);\n    width: 0;\n    opacity: 0;\n  }\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-add__J3FOg>button:nth-child(-n + 1) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-edit__-ZIEQ>button:nth-child(-n + 2) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F>button {\n  animation: style-module_zoom-in__HJzbj .5s;\n}\n\n.style-module_button-group__m4a-F .style-module_display-none__y57XG {\n  animation: style-module_zoom-out__PqWZu .5s;\n  display: none;\n}";
+var css_248z$c = ".style-module_button-save__CGfus {\n  background-color: var(--color-primary-a0);\n}\n\n@keyframes style-module_zoom-in__HJzbj {\n  from {\n    width: 0;\n    opacity: 0;\n  }\n\n  to {\n    display: inline-flex;\n    transform: scaleX(100%) scaleY(100%);\n    opacity: 1;\n  }\n}\n\n@keyframes style-module_zoom-out__PqWZu {\n  from {\n    display: inline-flex;\n  }\n\n  to {\n    transform: scaleX(0) scaleY(0);\n    width: 0;\n    opacity: 0;\n  }\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-add__J3FOg>button:nth-child(-n + 1) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-edit__-ZIEQ>button:nth-child(-n + 2) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F>button {\n  animation: style-module_zoom-in__HJzbj .5s;\n}\n\n.style-module_button-group__m4a-F .style-module_display-none__y57XG {\n  animation: style-module_zoom-out__PqWZu .5s;\n  display: none;\n}";
 var styleButton = {"button-save":"style-module_button-save__CGfus","button-group":"style-module_button-group__m4a-F","button-group-add":"style-module_button-group-add__J3FOg","button-group-edit":"style-module_button-group-edit__-ZIEQ","zoom-in":"style-module_zoom-in__HJzbj","display-none":"style-module_display-none__y57XG","zoom-out":"style-module_zoom-out__PqWZu","button___save":"style-module_button-save__CGfus","button___group":"style-module_button-group__m4a-F","button___group___add":"style-module_button-group-add__J3FOg","button___group___edit":"style-module_button-group-edit__-ZIEQ","zoom___in":"style-module_zoom-in__HJzbj","display___none":"style-module_display-none__y57XG","zoom___out":"style-module_zoom-out__PqWZu"};
-styleInject(css_248z$b);
+styleInject(css_248z$c);
 
 const IconContext$1 = /*#__PURE__*/React.createContext({});
 
@@ -4074,15 +4074,15 @@ const DataGridProvider = ({ filterHeader, columns, children, }) => {
     return (jsxRuntimeExports.jsx(DataGridContext.Provider, { value: value, children: children }));
 };
 
-var css_248z$a = "html {\n  --success-default: #28a745;\n  --danger-default: #dc3545;\n\n  --color-light-a0-default: #ffffff;\n  --color-light-a10-default: #e9e9e9;\n  --color-light-a20-default: #d2d2d2;\n  --color-light-a30-default: #bababa;\n  --color-light-a40-default: #a0a0a0;\n  --color-light-a50-default: #868686;\n\n  --color-dark-a0-default: #121212;\n  --color-dark-a10-default: #282828;\n  --color-dark-a20-default: #3f3f3f;\n  --color-dark-a30-default: #575757;\n  --color-dark-a40-default: #717171;\n  --color-dark-a50-default: #8b8b8b;\n\n  --color-primary-a0-default: #3dc2ec;\n  --color-primary-a10-default: #5fc9ee;\n  --color-primary-a20-default: #79d0f0;\n  --color-primary-a30-default: #90d6f3;\n  --color-primary-a40-default: #a4ddf5;\n  --color-primary-a50-default: #b8e4f7;\n\n  --color-primary-dark-a0-default: #213137;\n  --color-primary-dark-a10-default: #36454a;\n  --color-primary-dark-a20-default: #4d5a5f;\n  --color-primary-dark-a30-default: #646f74;\n  --color-primary-dark-a40-default: #7c8689;\n  --color-primary-dark-a50-default: #959da0;\n\n  --color-secondary-a0-default: #ad49e1;\n  --color-secondary-a10-default: #b860e5;\n  --color-secondary-a20-default: #c274e9;\n  --color-secondary-a30-default: #cc89ec;\n  --color-secondary-a40-default: #d69df0;\n  --color-secondary-a50-default: #dfb0f3;\n\n  --color-secondary-dark-a0-default: #2e1f36;\n  --color-secondary-dark-a10-default: #42344a;\n  --color-secondary-dark-a20-default: #584a5e;\n  --color-secondary-dark-a30-default: #6e6273;\n  --color-secondary-dark-a40-default: #847a89;\n  --color-secondary-dark-a50-default: #9c93a0;\n}\n\n.style_success__OJLGK {\n  color: var(--success, var(--success-default)) !important;\n}\n\n.style_danger__Kkj7I {\n  color: var(--danger, var(--danger-default)) !important;\n}\n\n.style_light-a0__IqAbq {\n  color: var(--color-light-a0, var(--color-light-a0-default)) !important;\n}\n\n.style_light-a10__HmZkj {\n  color: var(--color-light-a10, var(--color-light-a10-default)) !important;\n}\n\n.style_light-a20__jwK9u {\n  color: var(--color-light-a20, var(--color-light-a20-default)) !important;\n}\n\n.style_light-a30__u7-f- {\n  color: var(--color-light-a30, var(--color-light-a30-default)) !important;\n}\n\n.style_light-a40__ozfI4 {\n  color: var(--color-light-a40, var(--color-light-a40-default)) !important;\n}\n\n.style_light-a50__kRA5g {\n  color: var(--color-light-a50, var(--color-light-a50-default)) !important;\n}\n\n.style_dark-a0__9m3yI {\n  color: var(--color-dark-a0, var(--color-dark-a0-default)) !important;\n}\n\n.style_dark-a10__jAtYh {\n  color: var(--color-dark-a10, var(--color-dark-a10-default)) !important;\n}\n\n.style_dark-a20__60nkd {\n  color: var(--color-dark-a20, var(--color-dark-a20-default)) !important;\n}\n\n.style_dark-a30__ED3PC {\n  color: var(--color-dark-a30, var(--color-dark-a30-default)) !important;\n}\n\n.style_dark-a40__rSYy6 {\n  color: var(--color-dark-a40, var(--color-dark-a40-default)) !important;\n}\n\n.style_dark-a50__uIvD- {\n  color: var(--color-dark-a50, var(--color-dark-a50-default)) !important;\n}\n\n.style_primary-a0__bsl-7 {\n  color: var(--color-primary-a0, var(--color-primary-a0-default)) !important;\n}\n\n.style_primary-a10__pr2vt {\n  color: var(--color-primary-a10, var(--color-primary-a10-default)) !important;\n}\n\n.style_primary-a20__HhTmN {\n  color: var(--color-primary-a20, var(--color-primary-a20-default)) !important;\n}\n\n.style_primary-a30__2JV2J {\n  color: var(--color-primary-a30, var(--color-primary-a30-default)) !important;\n}\n\n.style_primary-a40__xeKpG {\n  color: var(--color-primary-a40, var(--color-primary-a40-default)) !important;\n}\n\n.style_primary-a50__moUMf {\n  color: var(--color-primary-a50, var(--color-primary-a50-default)) !important;\n}\n\n.style_primary-dark-a0__-bRAb {\n  color: var(--color-primary-dark-a0, var(--color-primary-dark-a0-default)) !important;\n}\n\n.style_primary-dark-a10__u6chI {\n  color: var(--color-primary-dark-a10, var(--color-primary-dark-a10-default)) !important;\n}\n\n.style_primary-dark-a20__stCee {\n  color: var(--color-primary-dark-a20, var(--color-primary-dark-a20-default)) !important;\n}\n\n.style_primary-dark-a30__zIK00 {\n  color: var(--color-primary-dark-a30, var(--color-primary-dark-a30-default)) !important;\n}\n\n.style_primary-dark-a40__lx9UB {\n  color: var(--color-primary-dark-a40, var(--color-primary-dark-a40-default)) !important;\n}\n\n.style_primary-dark-a50__LoPRz {\n  color: var(--color-primary-dark-a50, var(--color-primary-dark-a50-default)) !important;\n}";
-styleInject(css_248z$a);
+var css_248z$b = "html {\n  --success-default: #28a745;\n  --danger-default: #dc3545;\n\n  --color-light-a0-default: #ffffff;\n  --color-light-a10-default: #e9e9e9;\n  --color-light-a20-default: #d2d2d2;\n  --color-light-a30-default: #bababa;\n  --color-light-a40-default: #a0a0a0;\n  --color-light-a50-default: #868686;\n\n  --color-dark-a0-default: #121212;\n  --color-dark-a10-default: #282828;\n  --color-dark-a20-default: #3f3f3f;\n  --color-dark-a30-default: #575757;\n  --color-dark-a40-default: #717171;\n  --color-dark-a50-default: #8b8b8b;\n\n  --color-primary-a0-default: #3dc2ec;\n  --color-primary-a10-default: #5fc9ee;\n  --color-primary-a20-default: #79d0f0;\n  --color-primary-a30-default: #90d6f3;\n  --color-primary-a40-default: #a4ddf5;\n  --color-primary-a50-default: #b8e4f7;\n\n  --color-primary-dark-a0-default: #213137;\n  --color-primary-dark-a10-default: #36454a;\n  --color-primary-dark-a20-default: #4d5a5f;\n  --color-primary-dark-a30-default: #646f74;\n  --color-primary-dark-a40-default: #7c8689;\n  --color-primary-dark-a50-default: #959da0;\n\n  --color-secondary-a0-default: #ad49e1;\n  --color-secondary-a10-default: #b860e5;\n  --color-secondary-a20-default: #c274e9;\n  --color-secondary-a30-default: #cc89ec;\n  --color-secondary-a40-default: #d69df0;\n  --color-secondary-a50-default: #dfb0f3;\n\n  --color-secondary-dark-a0-default: #2e1f36;\n  --color-secondary-dark-a10-default: #42344a;\n  --color-secondary-dark-a20-default: #584a5e;\n  --color-secondary-dark-a30-default: #6e6273;\n  --color-secondary-dark-a40-default: #847a89;\n  --color-secondary-dark-a50-default: #9c93a0;\n}\n\n.style_success__OJLGK {\n  color: var(--success, var(--success-default)) !important;\n}\n\n.style_danger__Kkj7I {\n  color: var(--danger, var(--danger-default)) !important;\n}\n\n.style_light-a0__IqAbq {\n  color: var(--color-light-a0, var(--color-light-a0-default)) !important;\n}\n\n.style_light-a10__HmZkj {\n  color: var(--color-light-a10, var(--color-light-a10-default)) !important;\n}\n\n.style_light-a20__jwK9u {\n  color: var(--color-light-a20, var(--color-light-a20-default)) !important;\n}\n\n.style_light-a30__u7-f- {\n  color: var(--color-light-a30, var(--color-light-a30-default)) !important;\n}\n\n.style_light-a40__ozfI4 {\n  color: var(--color-light-a40, var(--color-light-a40-default)) !important;\n}\n\n.style_light-a50__kRA5g {\n  color: var(--color-light-a50, var(--color-light-a50-default)) !important;\n}\n\n.style_dark-a0__9m3yI {\n  color: var(--color-dark-a0, var(--color-dark-a0-default)) !important;\n}\n\n.style_dark-a10__jAtYh {\n  color: var(--color-dark-a10, var(--color-dark-a10-default)) !important;\n}\n\n.style_dark-a20__60nkd {\n  color: var(--color-dark-a20, var(--color-dark-a20-default)) !important;\n}\n\n.style_dark-a30__ED3PC {\n  color: var(--color-dark-a30, var(--color-dark-a30-default)) !important;\n}\n\n.style_dark-a40__rSYy6 {\n  color: var(--color-dark-a40, var(--color-dark-a40-default)) !important;\n}\n\n.style_dark-a50__uIvD- {\n  color: var(--color-dark-a50, var(--color-dark-a50-default)) !important;\n}\n\n.style_primary-a0__bsl-7 {\n  color: var(--color-primary-a0, var(--color-primary-a0-default)) !important;\n}\n\n.style_primary-a10__pr2vt {\n  color: var(--color-primary-a10, var(--color-primary-a10-default)) !important;\n}\n\n.style_primary-a20__HhTmN {\n  color: var(--color-primary-a20, var(--color-primary-a20-default)) !important;\n}\n\n.style_primary-a30__2JV2J {\n  color: var(--color-primary-a30, var(--color-primary-a30-default)) !important;\n}\n\n.style_primary-a40__xeKpG {\n  color: var(--color-primary-a40, var(--color-primary-a40-default)) !important;\n}\n\n.style_primary-a50__moUMf {\n  color: var(--color-primary-a50, var(--color-primary-a50-default)) !important;\n}\n\n.style_primary-dark-a0__-bRAb {\n  color: var(--color-primary-dark-a0, var(--color-primary-dark-a0-default)) !important;\n}\n\n.style_primary-dark-a10__u6chI {\n  color: var(--color-primary-dark-a10, var(--color-primary-dark-a10-default)) !important;\n}\n\n.style_primary-dark-a20__stCee {\n  color: var(--color-primary-dark-a20, var(--color-primary-dark-a20-default)) !important;\n}\n\n.style_primary-dark-a30__zIK00 {\n  color: var(--color-primary-dark-a30, var(--color-primary-dark-a30-default)) !important;\n}\n\n.style_primary-dark-a40__lx9UB {\n  color: var(--color-primary-dark-a40, var(--color-primary-dark-a40-default)) !important;\n}\n\n.style_primary-dark-a50__LoPRz {\n  color: var(--color-primary-dark-a50, var(--color-primary-dark-a50-default)) !important;\n}";
+styleInject(css_248z$b);
 
 const FeedbackContext = React.createContext({});
 const useFeedback = () => React.useContext(FeedbackContext);
 
-var css_248z$9 = ".style-module_z-10000__WIix6 {\n  z-index: 10000;\n}";
+var css_248z$a = ".style-module_z-10000__WIix6 {\n  z-index: 10000;\n}";
 var styleFeedback = {"z-10000":"style-module_z-10000__WIix6"};
-styleInject(css_248z$9);
+styleInject(css_248z$a);
 
 const FeedbackProvider = ({ children }) => {
     const [messageApi, messageContext] = antd.message.useMessage({ duration: 10 });
@@ -5347,9 +5347,9 @@ const TableRowProvider = (props) => {
     return (jsxRuntimeExports.jsx(antd.Form, { form: form, component: false, children: jsxRuntimeExports.jsx(TableRowContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx("tr", Object.assign({}, props, { ref: setNodeRef, style: style }, attributes)) }) }));
 };
 
-var css_248z$8 = ".style-module_number-format-align-right__qOFmQ {\n  text-align: right;\n}";
+var css_248z$9 = ".style-module_number-format-align-right__qOFmQ {\n  text-align: right;\n}";
 var styleNumberFormat = {"number-format-align-right":"style-module_number-format-align-right__qOFmQ"};
-styleInject(css_248z$8);
+styleInject(css_248z$9);
 
 const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing: trailingProps, prefix, suffix, placeholder, disabled, readOnly, allowNegative, value, defaultValue, onValueChange, onChange, removeError, style, onBlur, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onClick, formColLayout, name, label, required, rules, ruleMessage, ruleMin, ruleMax, validateStatus, help, shouldUpdate, ref, }) => {
     const { trailing } = useConfig$1();
@@ -5382,12 +5382,12 @@ const NumberFormatComponent = props => {
             : numberFormat }));
 };
 
-var css_248z$7 = "div.style-module_filter-cell__1BFPm[role=\"columnheader\"] {\n  line-height: 35px;\n  padding: 0;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div {\n  padding-block: 0;\n  padding-inline: 8px;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div:first-child {\n  border-block-end: 1px solid var(--rdg-border-color);\n}";
+var css_248z$8 = "div.style-module_filter-cell__1BFPm[role=\"columnheader\"] {\n  line-height: 35px;\n  padding: 0;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div {\n  padding-block: 0;\n  padding-inline: 8px;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div:first-child {\n  border-block-end: 1px solid var(--rdg-border-color);\n}";
 var styleDataGrid = {"filter-cell":"style-module_filter-cell__1BFPm"};
-styleInject(css_248z$7);
+styleInject(css_248z$8);
 
-var css_248z$6 = "@layer rdg {\n  @layer Defaults,\n    FocusSink,\n    CheckboxInput,\n    CheckboxIcon,\n    CheckboxLabel,\n    Cell,\n    HeaderCell,\n    SummaryCell,\n    EditCell,\n    Row,\n    HeaderRow,\n    SummaryRow,\n    GroupedRow,\n    Root;\n}\n\n.styles_mlln6zg7-0-0-beta-51__IgLfM {\n  @layer rdg.MeasuringCell {\n    contain: strict;\n    grid-row: 1;\n    visibility: hidden;\n  }\n}\n\n\n.styles_cj343x07-0-0-beta-51__Ox6zn {\n  @layer rdg.Cell {\n    /* max-content does not work with size containment\n     * dynamically switching between different containment styles incurs a heavy relayout penalty\n     * Chromium bug: at odd zoom levels or subpixel positioning,\n     * layout/paint/style containment can make cell borders disappear\n     *   https://issues.chromium.org/issues/40840864\n     */\n    position: relative; /* needed for absolute positioning to work */\n    padding-block: 0;\n    padding-inline: 8px;\n    border-inline-end: 1px solid var(--rdg-border-color);\n    border-block-end: 1px solid var(--rdg-border-color);\n    grid-row-start: var(--rdg-grid-row-start);\n    align-content: center;\n    background-color: inherit;\n\n    white-space: nowrap;\n    overflow: clip;\n    text-overflow: ellipsis;\n    outline: none;\n\n    &[aria-selected='true'] {\n      outline: 2px solid var(--rdg-selection-color);\n      outline-offset: -2px;\n    }\n  }\n}\n\n.styles_csofj7r7-0-0-beta-51__cSFNo {\n  @layer rdg.Cell {\n    position: sticky;\n    /* Should have a higher value than 0 to show up above unfrozen cells */\n    z-index: 1;\n\n    /* Add box-shadow on the last frozen cell */\n    &:nth-last-child(1 of &) {\n      box-shadow: var(--rdg-cell-frozen-box-shadow);\n    }\n  }\n}\n\n\n.styles_c1bn88vv7-0-0-beta-51__0ex9w {\n  @layer rdg.CheckboxInput {\n    display: block;\n    margin: auto;\n    inline-size: 20px;\n    block-size: 20px;\n\n    &:focus-visible {\n      outline: 2px solid var(--rdg-checkbox-focus-color);\n      outline-offset: -3px;\n    }\n\n    &:enabled {\n      cursor: pointer;\n    }\n  }\n}\n\n\n.styles_g1s9ylgp7-0-0-beta-51__9-E0K {\n  @layer rdg.GroupCellContent {\n    outline: none;\n  }\n}\n\n.styles_cz54e4y7-0-0-beta-51__miYvI {\n  @layer rdg.GroupCellCaret {\n    margin-inline-start: 4px;\n    stroke: currentColor;\n    stroke-width: 1.5px;\n    fill: transparent;\n    vertical-align: middle;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_h44jtk67-0-0-beta-51__xXWa8 {\n  @layer rdg.SortableHeaderCell {\n    display: flex;\n  }\n}\n\n.styles_hcgkhxz7-0-0-beta-51__OiHtP {\n  @layer rdg.SortableHeaderCellName {\n    flex-grow: 1;\n    overflow: clip;\n    text-overflow: ellipsis;\n  }\n}\n\n\n.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n  }\n}\n\n.styles_cq910m07-0-0-beta-51__QDFru {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n\n    &.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n      background-color: #9999ff;\n    }\n  }\n}\n\n\n.styles_c1w9bbhr7-0-0-beta-51__Wf6pu {\n  @layer rdg.DragHandle {\n    --rdg-drag-handle-size: 8px;\n    z-index: 0;\n    cursor: move;\n    inline-size: var(--rdg-drag-handle-size);\n    block-size: var(--rdg-drag-handle-size);\n    background-color: var(--rdg-selection-color);\n    place-self: end;\n\n    &:hover {\n      --rdg-drag-handle-size: 16px;\n      border: 2px solid var(--rdg-selection-color);\n      background-color: var(--rdg-background-color);\n    }\n  }\n}\n\n.styles_c1creorc7-0-0-beta-51__CNi-h {\n  @layer rdg.DragHandle {\n    z-index: 1;\n    position: sticky;\n  }\n}\n\n\n.styles_cis5rrm7-0-0-beta-51__CxaQM {\n  @layer rdg.EditCell {\n    padding: 0;\n  }\n}\n\n\n.styles_c6l2wv17-0-0-beta-51__UbCyi {\n  @layer rdg.HeaderCell {\n    cursor: pointer;\n  }\n}\n\n.styles_c1kqdw7y7-0-0-beta-51__ykwkm {\n  @layer rdg.HeaderCell {\n    touch-action: none;\n  }\n}\n\n.styles_r1y6ywlx7-0-0-beta-51__Hc5yg {\n  @layer rdg.HeaderCell {\n    cursor: col-resize;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    inset-block-end: 0;\n    inline-size: 10px;\n  }\n}\n\n.styles_c1bezg5o7-0-0-beta-51__UeQzf {\n  opacity: 0.5;\n}\n\n.styles_c1vc96037-0-0-beta-51__5kJuD {\n  background-color: var(--rdg-header-draggable-background-color);\n}\n\n\n.styles_r1upfr807-0-0-beta-51__bKLx- {\n  @layer rdg.Row {\n    display: contents;\n    background-color: var(--rdg-background-color);\n\n    &:hover {\n      background-color: var(--rdg-row-hover-background-color);\n    }\n\n    &[aria-selected='true'] {\n      background-color: var(--rdg-row-selected-background-color);\n\n      &:hover {\n        background-color: var(--rdg-row-selected-hover-background-color);\n      }\n    }\n  }\n}\n\n.styles_r190mhd37-0-0-beta-51__w8UR- {\n  @layer rdg.FocusSink {\n    outline: 2px solid var(--rdg-selection-color);\n    outline-offset: -2px;\n  }\n}\n\n.styles_r139qu9m7-0-0-beta-51__la9Ur {\n  @layer rdg.FocusSink {\n    &::before {\n      content: '';\n      display: inline-block;\n      block-size: 100%;\n      position: sticky;\n      inset-inline-start: 0;\n      border-inline-start: 2px solid var(--rdg-selection-color);\n    }\n  }\n}\n\n\n.styles_h10tskcx7-0-0-beta-51__F4RNq {\n  @layer rdg.HeaderRow {\n    display: contents;\n    background-color: var(--rdg-header-background-color);\n    font-weight: bold;\n\n    & > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      /* Should have a higher value than 1 to show up above regular cells and the focus sink */\n      z-index: 2;\n      position: sticky;\n    }\n\n    & > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_a3ejtar7-0-0-beta-51__VtazY {\n  @layer rdg.SortIcon {\n    fill: currentColor;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_rnvodz57-0-0-beta-51__27Lyi {\n  @layer rdg.Defaults {\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n  }\n\n  @layer rdg.Root {\n    --rdg-color: #000;   --rdg-border-color: #ddd;   --rdg-summary-border-color: #aaa;   --rdg-background-color: hsl(0deg 0% 100%);   --rdg-header-background-color: hsl(0deg 0% 97.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 96%);   --rdg-row-selected-background-color: hsl(207deg 76% 92%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%);   --rdg-checkbox-focus-color: hsl(207deg 100% 69%);\n    --rdg-selection-color: #66afe9;\n    --rdg-font-size: 14px;\n    --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);\n\n    &:dir(rtl) {\n      --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);\n    }\n\n    display: grid;\n\n    color-scheme: var(--rdg-color-scheme, light dark);\n    accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));\n\n    /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */\n    /* We set a stacking context so internal elements don't render on top of external elements. */\n    /* size containment is not used as it could break \"width: min-content\" for example, and the grid would infinitely resize on Chromium browsers */\n    contain: content;\n    content-visibility: auto;\n    block-size: 350px;\n    border: 1px solid var(--rdg-border-color);\n    box-sizing: border-box;\n    overflow: auto;\n    background-color: var(--rdg-background-color);\n    color: var(--rdg-color);\n    font-size: var(--rdg-font-size);\n\n    /* needed on Firefox to fix scrollbars */\n    &::before {\n      content: '';\n      grid-column: 1/-1;\n      grid-row: 1/-1;\n    }\n\n    &.styles_rdg-dark__Db5Xw {\n      --rdg-color-scheme: dark;\n      --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n    }\n\n    &.styles_rdg-light__xQW0A {\n      --rdg-color-scheme: light;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      &:not(.styles_rdg-light__xQW0A) {\n        --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n      }\n    }\n\n    > :nth-last-child(1 of .styles_rdg-top-summary-row__60vpR) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-end: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n\n    > :nth-child(1 of .styles_rdg-bottom-summary-row__4TK4P) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-start: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n  }\n}\n\n.styles_vlqv91k7-0-0-beta-51__vmK9i {\n  @layer rdg.Root {\n    user-select: none;\n\n    & .styles_r1upfr807-0-0-beta-51__bKLx- {\n      cursor: move;\n    }\n  }\n}\n\n.styles_f1lsfrzw7-0-0-beta-51__I3m-T {\n  @layer rdg.FocusSink {\n    grid-column: 1/-1;\n    pointer-events: none;\n    /* Should have a higher value than 1 to show up above regular frozen cells */\n    z-index: 1;\n  }\n}\n\n.styles_f1cte0lg7-0-0-beta-51__gxTML {\n  @layer rdg.FocusSink {\n    /* Should have a higher value than 3 to show up above header and summary rows */\n    z-index: 3;\n  }\n}\n\n\n.styles_s8wc6fl7-0-0-beta-51__KBdS6 {\n  @layer rdg.SummaryCell {\n    inset-block-start: var(--rdg-summary-row-top);\n    inset-block-end: var(--rdg-summary-row-bottom);\n  }\n}\n\n\n.styles_skuhp557-0-0-beta-51__kFPXf {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      position: sticky;\n    }\n  }\n}\n\n.styles_tf8l5ub7-0-0-beta-51__sXVD2 {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      z-index: 2;\n    }\n\n    > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_g1yxluv37-0-0-beta-51__MVXN8 {\n  @layer rdg.GroupedRow {\n    &:not([aria-selected='true']) {\n      background-color: var(--rdg-header-background-color);\n    }\n\n    > .styles_cj343x07-0-0-beta-51__Ox6zn:not(:last-child, .styles_csofj7r7-0-0-beta-51__cSFNo),\n    > :nth-last-child(n + 2 of .styles_csofj7r7-0-0-beta-51__cSFNo) {\n      border-inline-end: none;\n    }\n  }\n}\n\n\n.styles_t7vyx3i7-0-0-beta-51__ha363 {\n  @layer rdg.TextEditor {\n    appearance: none;\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border: 2px solid #ccc;\n    vertical-align: top;\n    color: var(--rdg-color);\n    background-color: var(--rdg-background-color);\n\n    font-family: inherit;\n    font-size: var(--rdg-font-size);\n\n    &:focus {\n      border-color: var(--rdg-selection-color);\n      outline: none;\n    }\n\n    &::placeholder {\n      color: #999;\n      opacity: 1;\n    }\n  }\n}";
-styleInject(css_248z$6);
+var css_248z$7 = "@layer rdg {\n  @layer Defaults,\n    FocusSink,\n    CheckboxInput,\n    CheckboxIcon,\n    CheckboxLabel,\n    Cell,\n    HeaderCell,\n    SummaryCell,\n    EditCell,\n    Row,\n    HeaderRow,\n    SummaryRow,\n    GroupedRow,\n    Root;\n}\n\n.styles_mlln6zg7-0-0-beta-51__IgLfM {\n  @layer rdg.MeasuringCell {\n    contain: strict;\n    grid-row: 1;\n    visibility: hidden;\n  }\n}\n\n\n.styles_cj343x07-0-0-beta-51__Ox6zn {\n  @layer rdg.Cell {\n    /* max-content does not work with size containment\n     * dynamically switching between different containment styles incurs a heavy relayout penalty\n     * Chromium bug: at odd zoom levels or subpixel positioning,\n     * layout/paint/style containment can make cell borders disappear\n     *   https://issues.chromium.org/issues/40840864\n     */\n    position: relative; /* needed for absolute positioning to work */\n    padding-block: 0;\n    padding-inline: 8px;\n    border-inline-end: 1px solid var(--rdg-border-color);\n    border-block-end: 1px solid var(--rdg-border-color);\n    grid-row-start: var(--rdg-grid-row-start);\n    align-content: center;\n    background-color: inherit;\n\n    white-space: nowrap;\n    overflow: clip;\n    text-overflow: ellipsis;\n    outline: none;\n\n    &[aria-selected='true'] {\n      outline: 2px solid var(--rdg-selection-color);\n      outline-offset: -2px;\n    }\n  }\n}\n\n.styles_csofj7r7-0-0-beta-51__cSFNo {\n  @layer rdg.Cell {\n    position: sticky;\n    /* Should have a higher value than 0 to show up above unfrozen cells */\n    z-index: 1;\n\n    /* Add box-shadow on the last frozen cell */\n    &:nth-last-child(1 of &) {\n      box-shadow: var(--rdg-cell-frozen-box-shadow);\n    }\n  }\n}\n\n\n.styles_c1bn88vv7-0-0-beta-51__0ex9w {\n  @layer rdg.CheckboxInput {\n    display: block;\n    margin: auto;\n    inline-size: 20px;\n    block-size: 20px;\n\n    &:focus-visible {\n      outline: 2px solid var(--rdg-checkbox-focus-color);\n      outline-offset: -3px;\n    }\n\n    &:enabled {\n      cursor: pointer;\n    }\n  }\n}\n\n\n.styles_g1s9ylgp7-0-0-beta-51__9-E0K {\n  @layer rdg.GroupCellContent {\n    outline: none;\n  }\n}\n\n.styles_cz54e4y7-0-0-beta-51__miYvI {\n  @layer rdg.GroupCellCaret {\n    margin-inline-start: 4px;\n    stroke: currentColor;\n    stroke-width: 1.5px;\n    fill: transparent;\n    vertical-align: middle;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_h44jtk67-0-0-beta-51__xXWa8 {\n  @layer rdg.SortableHeaderCell {\n    display: flex;\n  }\n}\n\n.styles_hcgkhxz7-0-0-beta-51__OiHtP {\n  @layer rdg.SortableHeaderCellName {\n    flex-grow: 1;\n    overflow: clip;\n    text-overflow: ellipsis;\n  }\n}\n\n\n.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n  }\n}\n\n.styles_cq910m07-0-0-beta-51__QDFru {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n\n    &.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n      background-color: #9999ff;\n    }\n  }\n}\n\n\n.styles_c1w9bbhr7-0-0-beta-51__Wf6pu {\n  @layer rdg.DragHandle {\n    --rdg-drag-handle-size: 8px;\n    z-index: 0;\n    cursor: move;\n    inline-size: var(--rdg-drag-handle-size);\n    block-size: var(--rdg-drag-handle-size);\n    background-color: var(--rdg-selection-color);\n    place-self: end;\n\n    &:hover {\n      --rdg-drag-handle-size: 16px;\n      border: 2px solid var(--rdg-selection-color);\n      background-color: var(--rdg-background-color);\n    }\n  }\n}\n\n.styles_c1creorc7-0-0-beta-51__CNi-h {\n  @layer rdg.DragHandle {\n    z-index: 1;\n    position: sticky;\n  }\n}\n\n\n.styles_cis5rrm7-0-0-beta-51__CxaQM {\n  @layer rdg.EditCell {\n    padding: 0;\n  }\n}\n\n\n.styles_c6l2wv17-0-0-beta-51__UbCyi {\n  @layer rdg.HeaderCell {\n    cursor: pointer;\n  }\n}\n\n.styles_c1kqdw7y7-0-0-beta-51__ykwkm {\n  @layer rdg.HeaderCell {\n    touch-action: none;\n  }\n}\n\n.styles_r1y6ywlx7-0-0-beta-51__Hc5yg {\n  @layer rdg.HeaderCell {\n    cursor: col-resize;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    inset-block-end: 0;\n    inline-size: 10px;\n  }\n}\n\n.styles_c1bezg5o7-0-0-beta-51__UeQzf {\n  opacity: 0.5;\n}\n\n.styles_c1vc96037-0-0-beta-51__5kJuD {\n  background-color: var(--rdg-header-draggable-background-color);\n}\n\n\n.styles_r1upfr807-0-0-beta-51__bKLx- {\n  @layer rdg.Row {\n    display: contents;\n    background-color: var(--rdg-background-color);\n\n    &:hover {\n      background-color: var(--rdg-row-hover-background-color);\n    }\n\n    &[aria-selected='true'] {\n      background-color: var(--rdg-row-selected-background-color);\n\n      &:hover {\n        background-color: var(--rdg-row-selected-hover-background-color);\n      }\n    }\n  }\n}\n\n.styles_r190mhd37-0-0-beta-51__w8UR- {\n  @layer rdg.FocusSink {\n    outline: 2px solid var(--rdg-selection-color);\n    outline-offset: -2px;\n  }\n}\n\n.styles_r139qu9m7-0-0-beta-51__la9Ur {\n  @layer rdg.FocusSink {\n    &::before {\n      content: '';\n      display: inline-block;\n      block-size: 100%;\n      position: sticky;\n      inset-inline-start: 0;\n      border-inline-start: 2px solid var(--rdg-selection-color);\n    }\n  }\n}\n\n\n.styles_h10tskcx7-0-0-beta-51__F4RNq {\n  @layer rdg.HeaderRow {\n    display: contents;\n    background-color: var(--rdg-header-background-color);\n    font-weight: bold;\n\n    & > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      /* Should have a higher value than 1 to show up above regular cells and the focus sink */\n      z-index: 2;\n      position: sticky;\n    }\n\n    & > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_a3ejtar7-0-0-beta-51__VtazY {\n  @layer rdg.SortIcon {\n    fill: currentColor;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_rnvodz57-0-0-beta-51__27Lyi {\n  @layer rdg.Defaults {\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n  }\n\n  @layer rdg.Root {\n    --rdg-color: #000;   --rdg-border-color: #ddd;   --rdg-summary-border-color: #aaa;   --rdg-background-color: hsl(0deg 0% 100%);   --rdg-header-background-color: hsl(0deg 0% 97.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 96%);   --rdg-row-selected-background-color: hsl(207deg 76% 92%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%);   --rdg-checkbox-focus-color: hsl(207deg 100% 69%);\n    --rdg-selection-color: #66afe9;\n    --rdg-font-size: 14px;\n    --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);\n\n    &:dir(rtl) {\n      --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);\n    }\n\n    display: grid;\n\n    color-scheme: var(--rdg-color-scheme, light dark);\n    accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));\n\n    /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */\n    /* We set a stacking context so internal elements don't render on top of external elements. */\n    /* size containment is not used as it could break \"width: min-content\" for example, and the grid would infinitely resize on Chromium browsers */\n    contain: content;\n    content-visibility: auto;\n    block-size: 350px;\n    border: 1px solid var(--rdg-border-color);\n    box-sizing: border-box;\n    overflow: auto;\n    background-color: var(--rdg-background-color);\n    color: var(--rdg-color);\n    font-size: var(--rdg-font-size);\n\n    /* needed on Firefox to fix scrollbars */\n    &::before {\n      content: '';\n      grid-column: 1/-1;\n      grid-row: 1/-1;\n    }\n\n    &.styles_rdg-dark__Db5Xw {\n      --rdg-color-scheme: dark;\n      --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n    }\n\n    &.styles_rdg-light__xQW0A {\n      --rdg-color-scheme: light;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      &:not(.styles_rdg-light__xQW0A) {\n        --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n      }\n    }\n\n    > :nth-last-child(1 of .styles_rdg-top-summary-row__60vpR) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-end: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n\n    > :nth-child(1 of .styles_rdg-bottom-summary-row__4TK4P) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-start: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n  }\n}\n\n.styles_vlqv91k7-0-0-beta-51__vmK9i {\n  @layer rdg.Root {\n    user-select: none;\n\n    & .styles_r1upfr807-0-0-beta-51__bKLx- {\n      cursor: move;\n    }\n  }\n}\n\n.styles_f1lsfrzw7-0-0-beta-51__I3m-T {\n  @layer rdg.FocusSink {\n    grid-column: 1/-1;\n    pointer-events: none;\n    /* Should have a higher value than 1 to show up above regular frozen cells */\n    z-index: 1;\n  }\n}\n\n.styles_f1cte0lg7-0-0-beta-51__gxTML {\n  @layer rdg.FocusSink {\n    /* Should have a higher value than 3 to show up above header and summary rows */\n    z-index: 3;\n  }\n}\n\n\n.styles_s8wc6fl7-0-0-beta-51__KBdS6 {\n  @layer rdg.SummaryCell {\n    inset-block-start: var(--rdg-summary-row-top);\n    inset-block-end: var(--rdg-summary-row-bottom);\n  }\n}\n\n\n.styles_skuhp557-0-0-beta-51__kFPXf {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      position: sticky;\n    }\n  }\n}\n\n.styles_tf8l5ub7-0-0-beta-51__sXVD2 {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      z-index: 2;\n    }\n\n    > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_g1yxluv37-0-0-beta-51__MVXN8 {\n  @layer rdg.GroupedRow {\n    &:not([aria-selected='true']) {\n      background-color: var(--rdg-header-background-color);\n    }\n\n    > .styles_cj343x07-0-0-beta-51__Ox6zn:not(:last-child, .styles_csofj7r7-0-0-beta-51__cSFNo),\n    > :nth-last-child(n + 2 of .styles_csofj7r7-0-0-beta-51__cSFNo) {\n      border-inline-end: none;\n    }\n  }\n}\n\n\n.styles_t7vyx3i7-0-0-beta-51__ha363 {\n  @layer rdg.TextEditor {\n    appearance: none;\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border: 2px solid #ccc;\n    vertical-align: top;\n    color: var(--rdg-color);\n    background-color: var(--rdg-background-color);\n\n    font-family: inherit;\n    font-size: var(--rdg-font-size);\n\n    &:focus {\n      border-color: var(--rdg-selection-color);\n      outline: none;\n    }\n\n    &::placeholder {\n      color: #999;\n      opacity: 1;\n    }\n  }\n}";
+styleInject(css_248z$7);
 
 const filterColumnClassName = styleDataGrid['filter-cell'];
 const colAddRow = {
@@ -5470,6 +5470,10 @@ const DataGridComponent = (_a) => {
         columns, children: jsxRuntimeExports.jsx(DataGrid, Object.assign({}, props)) }));
 };
 
+var css_248z$6 = ".DatePicker-module_readonly__uVeAH,\n.DatePicker-module_readonly__uVeAH input {\n  background-color: inherit !important;\n  cursor: auto !important;\n  color: inherit !important;\n}";
+var styleDatePicker = {"readonly":"DatePicker-module_readonly__uVeAH"};
+styleInject(css_248z$6);
+
 const datePickerFormat = {
     default: 'DD-MM-YYYY',
     month: 'MM-YYYY',
@@ -5512,7 +5516,7 @@ var formColLayout = {
     notInline: {},
 };
 
-const DatePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefixCls, suffixIcon, picker, format, disabledDate, disabledTime, loading, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
+const DatePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefixCls, suffixIcon, picker, format, disabledDate, disabledTime, loading, readOnly, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
     const [valueDate, setValueDate] = React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
     const handleChange = (date, dateString) => {
         setValueDate(date);
@@ -5523,15 +5527,19 @@ const DatePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefi
         value: () => valueDate,
         setValue: setValueDate,
     }));
-    const classDate = [styleCSS['w-100']];
-    classNames && classDate.push(...classNames);
-    const datePicker = !loading ? (jsxRuntimeExports.jsx(antd.DatePicker, { className: classDate === null || classDate === void 0 ? void 0 : classDate.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowClear: !required, disabled: disabled, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDate, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
+    const classDate = React.useMemo(() => {
+        const className = [styleCSS['w-100']];
+        readOnly && className.push(styleDatePicker['readonly']);
+        classNames && className.push(...classNames);
+        return className;
+    }, [readOnly]);
+    const datePicker = !loading ? (jsxRuntimeExports.jsx(antd.DatePicker, { className: classDate === null || classDate === void 0 ? void 0 : classDate.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDate, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "date", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
             : datePicker }));
 };
 
 const { RangePicker } = antd.DatePicker;
-const DateRangePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefixCls, suffixIcon, picker, format, disabledDate, disabledTime, loading, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
+const DateRangePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefixCls, suffixIcon, picker, format, disabledDate, disabledTime, loading, readOnly, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
     var _a;
     const [valueDateRange, setValueDateRange] = React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
     const handleChange = (date, dateStrings) => {
@@ -5543,9 +5551,13 @@ const DateRangePickerComponent = ({ noItem, size, variant, placeholder, prefix,
         value: () => valueDateRange,
         setValue: setValueDateRange,
     }));
-    const classDateRange = [styleCSS['w-100']];
-    classNames && classDateRange.push(...classNames);
-    const datePicker = !loading ? (jsxRuntimeExports.jsx(RangePicker, { className: classDateRange.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowEmpty: !required, allowClear: !required, disabled: disabled, disabledDate: disabledDate, disabledTime: disabledTime, value: (_a = value !== null && value !== void 0 ? value : valueDateRange) !== null && _a !== void 0 ? _a : null, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
+    const classDateRange = React.useMemo(() => {
+        const className = [styleCSS['w-100']];
+        readOnly && className.push(styleDatePicker['readonly']);
+        classNames && className.push(...classNames);
+        return className;
+    }, [readOnly]);
+    const datePicker = !loading ? (jsxRuntimeExports.jsx(RangePicker, { className: classDateRange.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowEmpty: !required, allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: (_a = value !== null && value !== void 0 ? value : valueDateRange) !== null && _a !== void 0 ? _a : null, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "array", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
             : datePicker }));
 };
@@ -7593,15 +7605,19 @@ const RadioComponent = ({ buttonStyle, options, optionType, onChange, noItem, lo
             : radio }));
 };
 
-var css_248z$4 = ".style-module_select__vcvBg {\n  width: 100%;\n  max-width: 100%;\n}\n\n.style-module_add-item-divider__mnSq1 {\n  margin: 8px 0;\n}\n\n.style-module_add-item-space__yOxDs {\n  padding: 0 8px 4px;\n}\n\n.style-module_add-item-link__lmjLu {\n  white-space: nowrap;\n}";
-var styleSelect = {"select":"style-module_select__vcvBg","add-item-divider":"style-module_add-item-divider__mnSq1","add-item-space":"style-module_add-item-space__yOxDs","add-item-link":"style-module_add-item-link__lmjLu"};
+var css_248z$4 = ".style-module_select__vcvBg {\n  width: 100%;\n  max-width: 100%;\n}\n\n.style-module_add-item-divider__mnSq1 {\n  margin: 8px 0;\n}\n\n.style-module_add-item-space__yOxDs {\n  padding: 0 8px 4px;\n}\n\n.style-module_add-item-link__lmjLu {\n  white-space: nowrap;\n}\n\n.style-module_select__vcvBg.style-module_readonly__1gDhg>div {\n  background-color: inherit !important;\n  cursor: auto !important;\n  color: inherit !important;\n}";
+var styleSelect = {"select":"style-module_select__vcvBg","add-item-divider":"style-module_add-item-divider__mnSq1","add-item-space":"style-module_add-item-space__yOxDs","add-item-link":"style-module_add-item-link__lmjLu","readonly":"style-module_readonly__1gDhg"};
 styleInject(css_248z$4);
 
 const { Link } = antd.Typography;
-const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon, classNames, loading, disabled, open, filterOption, placeholder, value, defaultValue, removeError, onChange, onKeyDown, onSearch, onFocus, notFoundContent, tokenSeparators, options, style, addItem, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
+const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon, classNames, loading, readOnly, disabled, open, filterOption, placeholder, value, defaultValue, removeError, onChange, onKeyDown, onSearch, onFocus, notFoundContent, tokenSeparators, options, style, addItem, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
     const [addItemValue, setAddItemValue] = React.useState('');
-    const classNameSelect = [styleSelect['select']];
-    classNames && classNameSelect.push(...classNames);
+    const classNameSelect = React.useMemo(() => {
+        const className = [styleSelect['select']];
+        readOnly && className.push(styleSelect['readonly']);
+        classNames && className.push(...classNames);
+        return className;
+    }, [classNames, readOnly]);
     const handleAddItem = (_) => {
         var _a;
         (_a = addItem === null || addItem === void 0 ? void 0 : addItem.onClick) === null || _a === void 0 ? void 0 : _a.call(addItem, addItemValue);
@@ -7613,7 +7629,7 @@ const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon,
     };
     const popupRender = menu => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [menu, addItem &&
                 jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(antd.Divider, { className: styleSelect['add-item-divider'] }), jsxRuntimeExports.jsxs(antd.Space, { align: "center", className: styleSelect['add-item-space'], children: [jsxRuntimeExports.jsx(antd.Input, { placeholder: "Please enter item", value: addItemValue, onChange: event => setAddItemValue(event.target.value) }), jsxRuntimeExports.jsxs(Link, { className: styleSelect['add-item-link'], onClick: handleAddItem, children: [jsxRuntimeExports.jsx(RefIcon$5, {}), " Add item"] })] })] })] }));
-    const select = !loading ? (jsxRuntimeExports.jsx(antd.Select, { mode: mode, showSearch: showSearch, variant: variant, allowClear: !required, size: size, suffixIcon: suffixIcon, className: classNameSelect.join(' '), disabled: disabled, open: open, filterOption: filterOption, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: (value, event) => {
+    const select = !loading ? (jsxRuntimeExports.jsx(antd.Select, { mode: mode, showSearch: showSearch, variant: variant, allowClear: !required, size: size, suffixIcon: suffixIcon, className: classNameSelect.join(' '), disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, open: open, filterOption: filterOption, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: (value, event) => {
             removeError === null || removeError === void 0 ? void 0 : removeError(name);
             onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
         }, onKeyDown: onKeyDown, onSearch: onSearch, onFocus: onFocus, notFoundContent: notFoundContent, tokenSeparators: tokenSeparators, options: options === null || options === void 0 ? void 0 : options.filter(option => option.value !== undefined), optionLabelProp: "label", optionRender: optionRender, popupRender: popupRender, style: style })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sti-antd-package",
   "description": "STI ANT Design",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "type": "module",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",