@epam/uui 5.8.1 → 5.8.3

package/index.js

@@ -314,16 +314,187 @@ const systemIcons = {
     info: ForwardRef$L,
 };
 
-var css$1s = {"uui-typography":"dvYXvK","hero-header":"Dcmwip","promo-header":"LFe6l7","uui-critical":"k-GFaP","uui-info":"GyRUio","uui-success":"ctD82b","uui-warning":"CDVTeT","uui-highlight":"Ifb8qf","uui-typography-size-12":"C6BfYa","uui-typography-size-14":"CXKJfF","uui-typography-size-16":"dSAW6B","root":"r-N9Qk","uuiTypography":"dvYXvK","heroHeader":"Dcmwip","promoHeader":"LFe6l7","uuiCritical":"k-GFaP","uuiInfo":"GyRUio","uuiSuccess":"ctD82b","uuiWarning":"CDVTeT","uuiHighlight":"Ifb8qf","uuiTypographySize12":"C6BfYa","uuiTypographySize14":"CXKJfF","uuiTypographySize16":"dSAW6B"};
+const settings = {
+    sizes: {
+        defaults: {
+            button: '36',
+            checkbox: '18',
+            countIndicator: '24',
+            dataPickerCell: '36',
+            linkButton: '36',
+            numericInput: '36',
+            pickerToggler: '36',
+            pickerItem: '36',
+            radioInput: '18',
+            switch: '18',
+            tabButton: '48',
+            tag: '36',
+            text: '36',
+            textInput: '36',
+            rangeDatePicker: '36',
+            datePicker: '36',
+        },
+        tag: {
+            countIndicator: {
+                18: '12',
+                24: '18',
+                30: '18',
+                36: '18',
+                42: '24',
+                48: '24',
+            },
+        },
+        mobileDropdownWrapper: {
+            linkButton: '48',
+        },
+        pickerInput: {
+            height: 300,
+            width: 360,
+            rowSize: {
+                mobile: '48',
+                modal: '36',
+                padding: {
+                    modal: '24',
+                    default: '12',
+                },
+            },
+        },
+        pickerToggler: {
+            tag: {
+                24: '18',
+                30: '24',
+                36: '30',
+                42: '36',
+                48: '42',
+                60: '48',
+            },
+        },
+        dataPickerHeader: {
+            text: {
+                fontWeight: '600',
+                size: '48',
+            },
+        },
+        dataPickerBody: {
+            flexCell: {
+                default: '36',
+            },
+            searchInput: {
+                mobile: '48',
+            },
+        },
+        pickerItem: {
+            avatar: {
+                rest: {
+                    24: '18',
+                    30: '24',
+                    36: '30',
+                    42: '36',
+                    48: '36', // no design
+                },
+                multiline: {
+                    24: '30',
+                    30: '30',
+                    36: '36',
+                    42: '42',
+                    48: '48', // no design
+                },
+            },
+        },
+        dataPickerCell: {
+            isBoldIcon: {
+                24: true,
+            },
+            padding: {
+                default: '12',
+            },
+            paddingLeft: {
+                default: '24',
+            },
+            text: {
+                24: '24',
+                30: '30',
+                36: '36',
+                42: '42',
+                48: '48',
+                60: '48',
+            },
+        },
+        dataPickerRow: {
+            padding: {
+                default: '24',
+            },
+            dataPickerCell: {
+                default: '36',
+            },
+        },
+        dataPickerFooter: {
+            flexRowPadding: '12',
+            switch: {
+                24: '12',
+                30: '18',
+                36: '18',
+                42: '24',
+                48: '24',
+            },
+            linkButton: {
+                24: '24',
+                30: '30',
+                36: '36',
+                42: '42',
+                48: '48',
+                mobile: '48',
+            },
+        },
+        rowAddons: {
+            checkbox: {
+                24: '12',
+                30: '18',
+                36: '18',
+                42: '18',
+                48: '18',
+                60: '18',
+            },
+            indentUnit: {
+                24: 6,
+                30: 12,
+                36: 12,
+                42: 24,
+                48: 24,
+                60: 24,
+                default: 24,
+            },
+            indentWidth: {
+                24: 12,
+                30: 18,
+                36: 18,
+                42: 24,
+                48: 24,
+                60: 24,
+                default: 12,
+            },
+        },
+        text: {
+            18: { lineHeight: 12, fontSize: 10 },
+            24: { lineHeight: 18, fontSize: 12 },
+            30: { lineHeight: 18, fontSize: 14 },
+            36: { lineHeight: 18, fontSize: 14 },
+            42: { lineHeight: 24, fontSize: 16 },
+            48: { lineHeight: 24, fontSize: 16 },
+            60: { lineHeight: 30, fontSize: 24 },
+        },
+    },
+};
+
+var css$1s = {"uui-typography":"Vs2bRh","hero-header":"Mpy54-","promo-header":"ola-eL","uui-critical":"loHZqv","uui-info":"rANS0j","uui-success":"jDJdOL","uui-warning":"KuUeL-","uui-highlight":"Q61q52","uui-typography-size-12":"li02Vy","uui-typography-size-14":"IIqSX3","uui-typography-size-16":"ExGZuR","root":"cZ8ShE","uuiTypography":"Vs2bRh","heroHeader":"Mpy54-","promoHeader":"ola-eL","uuiCritical":"loHZqv","uuiInfo":"rANS0j","uuiSuccess":"jDJdOL","uuiWarning":"KuUeL-","uuiHighlight":"Q61q52","uuiTypographySize12":"li02Vy","uuiTypographySize14":"IIqSX3","uuiTypographySize16":"ExGZuR"};
 
-const DEFAULT_SIZE$8 = '36';
 function applyButtonMods(mods) {
     return [
         css$1s.root,
         'uui-button',
         `uui-fill-${mods.fill || 'solid'}`,
         `uui-color-${mods.color || 'primary'}`,
-        `uui-size-${mods.size || DEFAULT_SIZE$8}`,
+        `uui-size-${mods.size || settings.sizes.defaults.button}`,
     ];
 }
 const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button, applyButtonMods, () => {
@@ -333,7 +504,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
     };
 });
 
-var css$1r = {"root":"rbnZUJ"};
+var css$1r = {"root":"_13LjZN"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
@@ -350,7 +521,6 @@ const IconButton = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Icon
     }
     return {
         dropdownIcon: props.dropdownIcon || systemIcons.foldingArrow,
-        size: props.size && Number(props.size),
     };
 });
 
@@ -371,15 +541,14 @@ function getIconClass(props) {
     return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
 }
 
-var css$1q = {"uui-typography":"fcFEuI","hero-header":"QuteAQ","promo-header":"scyn0Z","uui-critical":"e31haE","uui-info":"fNjqJU","uui-success":"lmvBQs","uui-warning":"xtbo2u","uui-highlight":"MnAwyr","uui-typography-size-12":"FnMd5C","uui-typography-size-14":"_0eP5AY","uui-typography-size-16":"Na-asq","root":"cPfYKP","uuiTypography":"fcFEuI","heroHeader":"QuteAQ","promoHeader":"scyn0Z","uuiCritical":"e31haE","uuiInfo":"fNjqJU","uuiSuccess":"lmvBQs","uuiWarning":"xtbo2u","uuiHighlight":"MnAwyr","uuiTypographySize12":"FnMd5C","uuiTypographySize14":"_0eP5AY","uuiTypographySize16":"Na-asq"};
+var css$1q = {"uui-typography":"-qfBkQ","hero-header":"XWTwy0","promo-header":"_3AYEzA","uui-critical":"U56SeF","uui-info":"_2-yKCT","uui-success":"xllddm","uui-warning":"WkiQHM","uui-highlight":"_6rH1Re","uui-typography-size-12":"WFHE2r","uui-typography-size-14":"_9ojjFD","uui-typography-size-16":"Fnd-1C","root":"ZqaK2u","uuiTypography":"-qfBkQ","heroHeader":"XWTwy0","promoHeader":"_3AYEzA","uuiCritical":"U56SeF","uuiInfo":"_2-yKCT","uuiSuccess":"xllddm","uuiWarning":"WkiQHM","uuiHighlight":"_6rH1Re","uuiTypographySize12":"WFHE2r","uuiTypographySize14":"_9ojjFD","uuiTypographySize16":"Fnd-1C"};
 
-const DEFAULT_SIZE$7 = '36';
 const DEFAULT_COLOR = 'primary';
 function applyLinkButtonMods(mods) {
     return [
         'uui-link_button',
         css$1q.root,
-        `uui-size-${mods.size || DEFAULT_SIZE$7}`,
+        `uui-size-${mods.size || settings.sizes.defaults.linkButton}`,
         ...getIconClass(mods),
         `uui-color-${mods.color || DEFAULT_COLOR}`,
     ];
@@ -403,25 +572,25 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1p = {"root":"_7Nw7Rq","size-24":"_2Z-h-M","size-18":"lOoP8a","size-12":"b-Apf6","size24":"_2Z-h-M","size18":"lOoP8a","size12":"b-Apf6"};
+var css$1p = {"root":"TfSs6A"};
 
 const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
             css$1p.root,
             'uui-count_indicator',
-            css$1p[`size-${props.size || 24}`],
+            `uui-size-${props.size || settings.sizes.defaults.countIndicator}`,
             props.color && `uui-color-${props.color}`,
             props.cx,
         ]) }, props.caption));
 });
 
-var css$1o = {"uui-typography":"pXc7Li","hero-header":"AauMo6","promo-header":"bnfSQk","uui-critical":"c3AIFG","uui-info":"_3f7sK-","uui-success":"WcFa88","uui-warning":"flVCaC","uui-highlight":"lO0SiY","uui-typography-size-12":"MU2KxY","uui-typography-size-14":"N3HRQG","uui-typography-size-16":"jY-KZ-","root":"bMrvVl","withNotify":"_0yob5j","caption-with-notify":"oHtrxG","size-36":"CxPh0v","size-48":"n3sUqZ","size-60":"ZGi1lL","uuiTypography":"pXc7Li","heroHeader":"AauMo6","promoHeader":"bnfSQk","uuiCritical":"c3AIFG","uuiInfo":"_3f7sK-","uuiSuccess":"WcFa88","uuiWarning":"flVCaC","uuiHighlight":"lO0SiY","uuiTypographySize12":"MU2KxY","uuiTypographySize14":"N3HRQG","uuiTypographySize16":"jY-KZ-","captionWithNotify":"oHtrxG","size36":"CxPh0v","size48":"n3sUqZ","size60":"ZGi1lL"};
+var css$1o = {"uui-typography":"E9PSmZ","hero-header":"u-ihiv","promo-header":"mBb5Kw","uui-critical":"ETMXN3","uui-info":"EggeeZ","uui-success":"qcrIFT","uui-warning":"suoM6W","uui-highlight":"NCtW1d","uui-typography-size-12":"KFnOGJ","uui-typography-size-14":"JnPq9D","uui-typography-size-16":"dMkZP5","root":"wQ-ebc","withNotify":"buNVBz","uuiTypography":"E9PSmZ","heroHeader":"u-ihiv","promoHeader":"mBb5Kw","uuiCritical":"ETMXN3","uuiInfo":"EggeeZ","uuiSuccess":"qcrIFT","uuiWarning":"suoM6W","uuiHighlight":"NCtW1d","uuiTypographySize12":"KFnOGJ","uuiTypographySize14":"JnPq9D","uuiTypographySize16":"dMkZP5"};
 
 const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const styles = [
         css$1o.root,
         'uui-tab-button',
-        css$1o['size-' + (props.size || '48')],
+        `uui-size-${props.size || settings.sizes.defaults.tabButton}`,
         props.withNotify && css$1o.withNotify,
         ...getIconClass(props),
         props.cx,
@@ -430,14 +599,14 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
     const ClearIcon = props.clearIcon ? props.clearIcon : systemIcons.clear;
     return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ role: 'tab', 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
         props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
-        props.caption && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption, props.withNotify && css$1o.captionWithNotify) }, props.caption)),
-        props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: props.isLinkActive ? 'info' : 'neutral', size: "18", caption: props.count })),
+        props.caption && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption) }, props.caption)),
+        props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: "neutral", size: "18", caption: props.count })),
         props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
         props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1n = {"uui-typography":"KP1389","hero-header":"_90iVsu","promo-header":"dvNgg1","uui-critical":"SqbwEI","uui-info":"xR1Bm7","uui-success":"uXL5bC","uui-warning":"TmBCjx","uui-highlight":"_2YFaXD","uui-typography-size-12":"lzIPqv","uui-typography-size-14":"Fn8pV2","uui-typography-size-16":"FZJJoW","root":"yipmY6","uuiTypography":"KP1389","heroHeader":"_90iVsu","promoHeader":"dvNgg1","uuiCritical":"SqbwEI","uuiInfo":"xR1Bm7","uuiSuccess":"uXL5bC","uuiWarning":"TmBCjx","uuiHighlight":"_2YFaXD","uuiTypographySize12":"lzIPqv","uuiTypographySize14":"Fn8pV2","uuiTypographySize16":"FZJJoW"};
+var css$1n = {"uui-typography":"XcMmY5","hero-header":"b8o5c4","promo-header":"_6YHikZ","uui-critical":"zQX0b1","uui-info":"bHDPsk","uui-success":"WoMbXp","uui-warning":"FE2lPt","uui-highlight":"_1Wk6EV","uui-typography-size-12":"sy-Myv","uui-typography-size-14":"TG8Q1N","uui-typography-size-16":"s68wPP","root":"phvNae","uuiTypography":"XcMmY5","heroHeader":"b8o5c4","promoHeader":"_6YHikZ","uuiCritical":"zQX0b1","uuiInfo":"bHDPsk","uuiSuccess":"WoMbXp","uuiWarning":"FE2lPt","uuiHighlight":"_1Wk6EV","uuiTypographySize12":"sy-Myv","uuiTypographySize14":"TG8Q1N","uuiTypographySize16":"s68wPP"};
 
 function applyVerticalTabButtonMods() {
     return [css$1n.root];
@@ -459,12 +628,12 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
 };
 var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgContentMinusOutline);
 
-var css$1m = {"uui-typography":"_1-oM1z","hero-header":"LwGGf6","promo-header":"cBbWGs","uui-critical":"aqwA9V","uui-info":"kb9sh0","uui-success":"S9D7kZ","uui-warning":"_7-k5cF","uui-highlight":"POyBZF","uui-typography-size-12":"pG6VHE","uui-typography-size-14":"eykh2j","uui-typography-size-16":"_7QFpF1","root":"qGCRm-","size-18":"NbVqd-","size-12":"KLMFUC","mode-cell":"wxrRUi","uuiTypography":"_1-oM1z","heroHeader":"LwGGf6","promoHeader":"cBbWGs","uuiCritical":"aqwA9V","uuiInfo":"kb9sh0","uuiSuccess":"S9D7kZ","uuiWarning":"_7-k5cF","uuiHighlight":"POyBZF","uuiTypographySize12":"pG6VHE","uuiTypographySize14":"eykh2j","uuiTypographySize16":"_7QFpF1","size18":"NbVqd-","size12":"KLMFUC","modeCell":"wxrRUi"};
+var css$1m = {"uui-typography":"TMWLHk","hero-header":"BYjdM7","promo-header":"NFoFq4","uui-critical":"_0atviG","uui-info":"-BO8hb","uui-success":"WX5TnT","uui-warning":"_0fQwDU","uui-highlight":"_0sL3Me","uui-typography-size-12":"XDopK2","uui-typography-size-14":"nQgICL","uui-typography-size-16":"_95dkBv","root":"XA26LN","mode-cell":"_0GZp1J","uuiTypography":"TMWLHk","heroHeader":"BYjdM7","promoHeader":"NFoFq4","uuiCritical":"_0atviG","uuiInfo":"-BO8hb","uuiSuccess":"WX5TnT","uuiWarning":"_0fQwDU","uuiHighlight":"_0sL3Me","uuiTypographySize12":"XDopK2","uuiTypographySize14":"nQgICL","uuiTypographySize16":"_95dkBv","modeCell":"_0GZp1J"};
 
 function applyCheckboxMods(mods) {
     return [
         css$1m.root,
-        css$1m['size-' + (mods.size || '18')],
+        `uui-size-${mods.size || settings.sizes.defaults.checkbox}`,
         css$1m['mode-' + (mods.mode || 'form')],
         'uui-color-primary',
     ];
@@ -479,8 +648,6 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1l = {"uui-typography":"_7R0jjV","hero-header":"d78dAh","promo-header":"DwzoS-","uui-critical":"O6RJqn","uui-info":"_2ntH2f","uui-success":"BEQ-hZ","uui-warning":"i9ALqx","uui-highlight":"_70hDuG","uui-typography-size-12":"hpkc1P","uui-typography-size-14":"xUyQUh","uui-typography-size-16":"VQhXYY","root":"_2YQlTt","size-18":"EB22NN","size-12":"L20e7v","uuiTypography":"_7R0jjV","heroHeader":"d78dAh","promoHeader":"DwzoS-","uuiCritical":"O6RJqn","uuiInfo":"_2ntH2f","uuiSuccess":"BEQ-hZ","uuiWarning":"i9ALqx","uuiHighlight":"_70hDuG","uuiTypographySize12":"hpkc1P","uuiTypographySize14":"xUyQUh","uuiTypographySize16":"VQhXYY","size18":"EB22NN","size12":"L20e7v"};
-
 var _path$A;
 function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
 var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
@@ -496,21 +663,25 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
 };
 var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgRadioDotFill);
 
+var css$1l = {"uui-typography":"_23CmDr","hero-header":"kLkQ81","promo-header":"_0eTazu","uui-critical":"_9nunkB","uui-info":"Lktc26","uui-success":"EEpFHK","uui-warning":"hs3poK","uui-highlight":"pLwVWL","uui-typography-size-12":"pUbPMD","uui-typography-size-14":"DDuOav","uui-typography-size-16":"_1sgqeZ","root":"D-li4m","uuiTypography":"_23CmDr","heroHeader":"kLkQ81","promoHeader":"_0eTazu","uuiCritical":"_9nunkB","uuiInfo":"Lktc26","uuiSuccess":"EEpFHK","uuiWarning":"hs3poK","uuiHighlight":"pLwVWL","uuiTypographySize12":"pUbPMD","uuiTypographySize14":"DDuOav","uuiTypographySize16":"_1sgqeZ"};
+
 function applyRadioInputMods(mods) {
     return [
         css$1l.root,
-        css$1l['size-' + (mods.size || '18')],
+        `uui-size-${mods.size || settings.sizes.defaults.radioInput}`,
         'uui-radio-input-container',
         'uui-color-primary',
     ];
 }
 const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
 
-var css$1k = {"root":"OHF1K8","size-12":"XWLbNi","size-18":"jsfzoM","size-24":"kTNfcU","size12":"XWLbNi","size18":"jsfzoM","size24":"kTNfcU"};
+var css$1k = {"root":"jEL5rK"};
 
 function applySwitchMods(mods) {
     return [
-        css$1k.root, css$1k['size-' + (mods.size || '18')], 'uui-color-primary',
+        css$1k.root,
+        `uui-size-${mods.size || settings.sizes.defaults.switch}`,
+        'uui-color-primary',
     ];
 }
 const Switch = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Switch, applySwitchMods);
@@ -572,14 +743,13 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"uui-typography":"N6N5n2","hero-header":"yfnnMI","promo-header":"uhC26H","uui-critical":"pZ9doZ","uui-info":"_1U-9W8","uui-success":"ZmuDro","uui-warning":"IfBZBF","uui-highlight":"_2MCEHi","uui-typography-size-12":"bDNr0R","uui-typography-size-14":"LQ--Ei","uui-typography-size-16":"_9iQPCt","root":"cB0VJ9","mode-form":"-GFgQD","mode-inline":"KRQH5e","mode-cell":"NPCFZ2","size-24":"o3Kb2z","size-30":"i4VQ-V","size-36":"bBUiNJ","size-42":"ZOTdKO","size-48":"WUxpxn","size-60":"_5gCsoC","uuiTypography":"N6N5n2","heroHeader":"yfnnMI","promoHeader":"uhC26H","uuiCritical":"pZ9doZ","uuiInfo":"_1U-9W8","uuiSuccess":"ZmuDro","uuiWarning":"IfBZBF","uuiHighlight":"_2MCEHi","uuiTypographySize12":"bDNr0R","uuiTypographySize14":"LQ--Ei","uuiTypographySize16":"_9iQPCt","modeForm":"-GFgQD","modeInline":"KRQH5e","modeCell":"NPCFZ2","size24":"o3Kb2z","size30":"i4VQ-V","size36":"bBUiNJ","size42":"ZOTdKO","size48":"WUxpxn","size60":"_5gCsoC"};
+var textInputCss = {"uui-typography":"Q3Kkzj","hero-header":"urrHeX","promo-header":"ttHg0m","uui-critical":"_9-qDV0","uui-info":"Skuo-w","uui-success":"KFj-kb","uui-warning":"RuHRyC","uui-highlight":"BiTRfD","uui-typography-size-12":"hdJy98","uui-typography-size-14":"y-Tk-I","uui-typography-size-16":"Yw5HLM","root":"JUf1zI","mode-form":"BVIdD2","mode-inline":"BIW2w1","mode-cell":"AT88Ei","uuiTypography":"Q3Kkzj","heroHeader":"urrHeX","promoHeader":"ttHg0m","uuiCritical":"_9-qDV0","uuiInfo":"Skuo-w","uuiSuccess":"KFj-kb","uuiWarning":"RuHRyC","uuiHighlight":"BiTRfD","uuiTypographySize12":"hdJy98","uuiTypographySize14":"y-Tk-I","uuiTypographySize16":"Yw5HLM","modeForm":"BVIdD2","modeInline":"BIW2w1","modeCell":"AT88Ei"};
 
-const DEFAULT_SIZE$6 = '36';
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
     return [
         textInputCss.root,
-        textInputCss['size-' + (mods.size || DEFAULT_SIZE$6)],
+        `uui-size-${mods.size || settings.sizes.defaults.textInput}`,
         textInputCss['mode-' + (mods.mode || DEFAULT_MODE$3)],
     ];
 }
@@ -599,7 +769,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
         } })));
 });
 
-var css$1j = {"root":"FHzIej"};
+var css$1j = {"root":"_8TgpIy"};
 
 const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1j.root]);
 
@@ -608,16 +778,14 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
 
-var css$1i = {"uui-typography":"gZF-ZO","hero-header":"Su7tsJ","promo-header":"_7IoVQ2","uui-critical":"js141J","uui-info":"a7ZeCT","uui-success":"A2-azR","uui-warning":"qNo-6Q","uui-highlight":"O09MxF","uui-typography-size-12":"VMabZG","uui-typography-size-14":"uC8sl-","uui-typography-size-16":"PR-diV","root":"JMUEsb","size-24":"secakJ","size-30":"GiYDTX","size-36":"UPiGIy","size-42":"PzWLQO","size-48":"n5RfDO","mode-form":"S-lRBS","mode-cell":"HxPh7H","uuiTypography":"gZF-ZO","heroHeader":"Su7tsJ","promoHeader":"_7IoVQ2","uuiCritical":"js141J","uuiInfo":"a7ZeCT","uuiSuccess":"A2-azR","uuiWarning":"qNo-6Q","uuiHighlight":"O09MxF","uuiTypographySize12":"VMabZG","uuiTypographySize14":"uC8sl-","uuiTypographySize16":"PR-diV","size24":"secakJ","size30":"GiYDTX","size36":"UPiGIy","size42":"PzWLQO","size48":"n5RfDO","modeForm":"S-lRBS","modeCell":"HxPh7H"};
+var css$1i = {"uui-typography":"voYMAV","hero-header":"WAfifW","promo-header":"_03Lc-l","uui-critical":"SbyKTy","uui-info":"raQwQa","uui-success":"nsboLw","uui-warning":"G-oMfP","uui-highlight":"J-Y0AF","uui-typography-size-12":"_9iygKr","uui-typography-size-14":"lIclgN","uui-typography-size-16":"eUoTNq","root":"_01bymb","mode-form":"Q988eA","mode-cell":"mOikYm","uuiTypography":"voYMAV","heroHeader":"WAfifW","promoHeader":"_03Lc-l","uuiCritical":"SbyKTy","uuiInfo":"raQwQa","uuiSuccess":"nsboLw","uuiWarning":"G-oMfP","uuiHighlight":"J-Y0AF","uuiTypographySize12":"_9iygKr","uuiTypographySize14":"lIclgN","uuiTypographySize16":"eUoTNq","modeForm":"Q988eA","modeCell":"mOikYm"};
 
-const DEFAULT_SIZE$5 = '36';
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
     return [
         textInputCss.root,
         css$1i.root,
-        css$1i['size-' + (mods.size || DEFAULT_SIZE$5)],
-        textInputCss['size-' + (mods.size || DEFAULT_SIZE$5)],
+        `uui-size-${mods.size || settings.sizes.defaults.numericInput}`,
         textInputCss['mode-' + (mods.mode || DEFAULT_MODE$2)],
     ];
 }
@@ -631,21 +799,20 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
     };
 });
 
-var css$1h = {"uui-typography":"e80hvQ","hero-header":"kmqdhw","promo-header":"e3NLl-","uui-critical":"z--odQ","uui-info":"g2xyzb","uui-success":"rzGSCP","uui-warning":"jUpJv9","uui-highlight":"_9Dpils","uui-typography-size-12":"bSd4hE","uui-typography-size-14":"v-KINR","uui-typography-size-16":"ZHkuT0","root":"zmhE3t","mode-form":"p3pdet","mode-cell":"UuF3FD","mode-inline":"enz7bt","size-24":"PUVIm-","size-30":"_7gDNfw","size-36":"EX8GwX","size-42":"FbxarN","size-48":"x3QGOi","uuiTypography":"e80hvQ","heroHeader":"kmqdhw","promoHeader":"e3NLl-","uuiCritical":"z--odQ","uuiInfo":"g2xyzb","uuiSuccess":"rzGSCP","uuiWarning":"jUpJv9","uuiHighlight":"_9Dpils","uuiTypographySize12":"bSd4hE","uuiTypographySize14":"v-KINR","uuiTypographySize16":"ZHkuT0","modeForm":"p3pdet","modeCell":"UuF3FD","modeInline":"enz7bt","size24":"PUVIm-","size30":"_7gDNfw","size36":"EX8GwX","size42":"FbxarN","size48":"x3QGOi"};
+var css$1h = {"uui-typography":"z-bBXc","hero-header":"qmz5LQ","promo-header":"utiHxB","uui-critical":"CAkhs5","uui-info":"SP2-ww","uui-success":"Lamvra","uui-warning":"_63f1rX","uui-highlight":"B3qu6R","uui-typography-size-12":"jBExZG","uui-typography-size-14":"b7cvJM","uui-typography-size-16":"s--0qu","root":"lu7p-i","mode-form":"zlgp92","mode-cell":"_2gsWwR","mode-inline":"PIECNz","size-24":"rlQhmW","size-30":"HIu9Sb","size-36":"_3lNM-H","size-42":"vWojAt","size-48":"tv-iGv","uuiTypography":"z-bBXc","heroHeader":"qmz5LQ","promoHeader":"utiHxB","uuiCritical":"CAkhs5","uuiInfo":"SP2-ww","uuiSuccess":"Lamvra","uuiWarning":"_63f1rX","uuiHighlight":"B3qu6R","uuiTypographySize12":"jBExZG","uuiTypographySize14":"b7cvJM","uuiTypographySize16":"s--0qu","modeForm":"zlgp92","modeCell":"_2gsWwR","modeInline":"PIECNz","size24":"rlQhmW","size30":"HIu9Sb","size36":"_3lNM-H","size42":"vWojAt","size48":"tv-iGv"};
 
-const DEFAULT_SIZE$4 = '36';
+const DEFAULT_SIZE$3 = '36';
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
     return [
         css$1h.root,
-        css$1h['size-' + (mods.size || DEFAULT_SIZE$4)],
+        css$1h['size-' + (mods.size || DEFAULT_SIZE$3)],
         css$1h['mode-' + (mods.mode || DEFAULT_MODE$1)],
     ];
 }
 const TextArea = /* @__PURE__ */uuiCore.withMods(uuiComponents.TextArea, applyTextAreaMods, (props) => {
     return {
         autoSize: props.mode === EditMode.CELL ? true : props.autoSize,
-        maxLength: props.mode === EditMode.CELL ? undefined : props.maxLength,
     };
 });
 
@@ -733,7 +900,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
 };
 var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgNotificationInfoFill);
 
-var css$1g = {"uui-typography":"_9m0GKM","hero-header":"KDV-fZ","promo-header":"_57qTf7","uui-critical":"sw5KDJ","uui-info":"-b6MDI","uui-success":"ksl4eV","uui-warning":"_5nso0e","uui-highlight":"_1ybGvA","uui-typography-size-12":"Fd2tiw","uui-typography-size-14":"qBuGJ2","uui-typography-size-16":"Wik5ii","root":"_7vJS0W","icon-wrapper":"tIu9Pd","alert-wrapper":"ZepYQg","size-48":"ogcMxb","size-36":"fu37CS","action-wrapper":"_3C3TH9","action-icon":"_7feXqF","action-link":"yHPZeW","close-icon":"BP6ssn","main-path":"l999NU","content":"xbHfdO","uuiTypography":"_9m0GKM","heroHeader":"KDV-fZ","promoHeader":"_57qTf7","uuiCritical":"sw5KDJ","uuiInfo":"-b6MDI","uuiSuccess":"ksl4eV","uuiWarning":"_5nso0e","uuiHighlight":"_1ybGvA","uuiTypographySize12":"Fd2tiw","uuiTypographySize14":"qBuGJ2","uuiTypographySize16":"Wik5ii","iconWrapper":"tIu9Pd","alertWrapper":"ZepYQg","size48":"ogcMxb","size36":"fu37CS","actionWrapper":"_3C3TH9","actionIcon":"_7feXqF","actionLink":"yHPZeW","closeIcon":"BP6ssn","mainPath":"l999NU"};
+var css$1g = {"uui-typography":"bfqO0n","hero-header":"j69DQF","promo-header":"Kxe51e","uui-critical":"UG47Ow","uui-info":"sZXx6m","uui-success":"BmanyG","uui-warning":"Jd-3Dl","uui-highlight":"h7vDPC","uui-typography-size-12":"i2W64M","uui-typography-size-14":"fYZAA1","uui-typography-size-16":"j2Adcl","root":"cXEvlr","icon-wrapper":"efbF6n","alert-wrapper":"_78sF5f","size-48":"FAy1e9","size-36":"MMuEax","action-wrapper":"RtqJa6","action-icon":"t5VavT","action-link":"QHKhNp","close-icon":"uxdz4h","main-path":"_9-2qPs","content":"vPXyYh","uuiTypography":"bfqO0n","heroHeader":"j69DQF","promoHeader":"Kxe51e","uuiCritical":"UG47Ow","uuiInfo":"sZXx6m","uuiSuccess":"BmanyG","uuiWarning":"Jd-3Dl","uuiHighlight":"h7vDPC","uuiTypographySize12":"i2W64M","uuiTypographySize14":"fYZAA1","uuiTypographySize16":"j2Adcl","iconWrapper":"efbF6n","alertWrapper":"_78sF5f","size48":"FAy1e9","size36":"MMuEax","actionWrapper":"RtqJa6","actionIcon":"t5VavT","actionLink":"QHKhNp","closeIcon":"uxdz4h","mainPath":"_9-2qPs"};
 
 const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1g.root, css$1g.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1g.size36 : css$1g.size48)) }, props.rawProps),
     React__namespace.createElement("div", { className: css$1g.mainPath },
@@ -750,7 +917,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
 
 const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
 
-var css$1f = {"root":"PomL5Y"};
+var css$1f = {"root":"abTcXe"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -761,7 +928,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
 
-var css$1e = {"uui-typography":"_0IOFna","hero-header":"-l2Ncd","promo-header":"WjAgnM","uui-critical":"miVQTy","uui-info":"a-eYl9","uui-success":"Ni7lpx","uui-warning":"n8WXge","uui-highlight":"HRLBBn","uui-typography-size-12":"CYxSYR","uui-typography-size-14":"vNRis3","uui-typography-size-16":"xeFMnj","submenu-root-item":"uPXADv","icon-after":"e83AGV","icon-check":"BLGs0N","splitter-root":"N5PPm0","splitter":"_1GeZZb","header-root":"_8n3efc","item-root":"CdIaRS","icon":"HiaX06","link":"DGSlKk","indent":"WCAf3W","selected-mark":"rctXAU","uuiTypography":"_0IOFna","heroHeader":"-l2Ncd","promoHeader":"WjAgnM","uuiCritical":"miVQTy","uuiInfo":"a-eYl9","uuiSuccess":"Ni7lpx","uuiWarning":"n8WXge","uuiHighlight":"HRLBBn","uuiTypographySize12":"CYxSYR","uuiTypographySize14":"vNRis3","uuiTypographySize16":"xeFMnj","submenuRootItem":"uPXADv","iconAfter":"e83AGV","iconCheck":"BLGs0N","splitterRoot":"N5PPm0","headerRoot":"_8n3efc","itemRoot":"CdIaRS","selectedMark":"rctXAU"};
+var css$1e = {"uui-typography":"_39gaT1","hero-header":"EHMTKs","promo-header":"qDqXtQ","uui-critical":"jHOL-o","uui-info":"B-djHP","uui-success":"WkG7jm","uui-warning":"rpRW7-","uui-highlight":"c8woNV","uui-typography-size-12":"_8bntGs","uui-typography-size-14":"Tv2z9Z","uui-typography-size-16":"W4Mafl","submenu-root-item":"O3YTa1","icon-after":"hqqUT8","icon-check":"YZwJf3","splitter-root":"irhcB4","splitter":"X9dl-R","header-root":"k90FJr","item-root":"s2M-3X","icon":"_13ucWH","link":"qWgQJb","indent":"MD3Vzq","selected-mark":"-ML1-8","uuiTypography":"_39gaT1","heroHeader":"EHMTKs","promoHeader":"qDqXtQ","uuiCritical":"jHOL-o","uuiInfo":"B-djHP","uuiSuccess":"WkG7jm","uuiWarning":"rpRW7-","uuiHighlight":"c8woNV","uuiTypographySize12":"_8bntGs","uuiTypographySize14":"Tv2z9Z","uuiTypographySize16":"W4Mafl","submenuRootItem":"O3YTa1","iconAfter":"hqqUT8","iconCheck":"YZwJf3","splitterRoot":"irhcB4","headerRoot":"k90FJr","itemRoot":"s2M-3X","selectedMark":"-ML1-8"};
 
 exports.IDropdownControlKeys = void 0;
 (function (IDropdownControlKeys) {
@@ -856,7 +1023,8 @@ function DropdownSubMenu(props) {
             name: 'offset',
             options: {
                 offset: ({ placement }) => {
-                    if (placement === 'right-start') {
+                    if (placement === 'right-start'
+                        || placement === 'left-start') {
                         return [-6, 0];
                     }
                     else {
@@ -866,7 +1034,8 @@ function DropdownSubMenu(props) {
             },
         },
     ];
-    return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: "right-start", modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__namespace.default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
+    const dir = uuiComponents.useDocumentDir();
+    return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: dir === 'rtl' ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__namespace.default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
             var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
             return (React__namespace.default.createElement(DropdownMenuButton, Object.assign({ cx: uuiCore.cx(css$1e.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
         } }));
@@ -892,7 +1061,7 @@ function DropdownMenuSwitchButton(props) {
         React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$1d = {"uui-typography":"XCQj17","hero-header":"v-1te-","promo-header":"kGsgrn","uui-critical":"_8ENMUl","uui-info":"_2Gu3xK","uui-success":"_1QQomL","uui-warning":"rHhRki","uui-highlight":"_6zimb9","uui-typography-size-12":"psVFW3","uui-typography-size-14":"L7uIx9","uui-typography-size-16":"v-d99J","root":"DNpvWj","mode-block":"J27CJE","mode-inline":"sKhDgX","padding-0":"NaTIsD","padding-6":"_8DXQca","padding-12":"hf1fmG","padding-18":"otFEp-","uuiTypography":"XCQj17","heroHeader":"v-1te-","promoHeader":"kGsgrn","uuiCritical":"_8ENMUl","uuiInfo":"_2Gu3xK","uuiSuccess":"_1QQomL","uuiWarning":"rHhRki","uuiHighlight":"_6zimb9","uuiTypographySize12":"psVFW3","uuiTypographySize14":"L7uIx9","uuiTypographySize16":"v-d99J","modeBlock":"J27CJE","modeInline":"sKhDgX","padding0":"NaTIsD","padding6":"_8DXQca","padding12":"hf1fmG","padding18":"otFEp-"};
+var css$1d = {"uui-typography":"xIGYOn","hero-header":"_7Ku0J-","promo-header":"kHgwsh","uui-critical":"FHlM-Q","uui-info":"f5Wa0V","uui-success":"vKau9y","uui-warning":"pcmYqX","uui-highlight":"JnDx3u","uui-typography-size-12":"r7lGun","uui-typography-size-14":"_17ab9A","uui-typography-size-16":"_2p-Ti0","root":"fihhWS","mode-block":"NFbTxQ","mode-inline":"BC6vAo","padding-0":"oh9ikw","padding-6":"lUWb6c","padding-12":"_4CA-a6","padding-18":"jLIW9i","uuiTypography":"xIGYOn","heroHeader":"_7Ku0J-","promoHeader":"kHgwsh","uuiCritical":"FHlM-Q","uuiInfo":"f5Wa0V","uuiSuccess":"vKau9y","uuiWarning":"pcmYqX","uuiHighlight":"JnDx3u","uuiTypographySize12":"r7lGun","uuiTypographySize14":"_17ab9A","uuiTypographySize16":"_2p-Ti0","modeBlock":"NFbTxQ","modeInline":"BC6vAo","padding0":"oh9ikw","padding6":"lUWb6c","padding12":"_4CA-a6","padding18":"jLIW9i"};
 
 const getMode = (mode) => {
     return mode || 'block';
@@ -908,7 +1077,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
     dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
 }));
 
-var css$1c = {"uui-typography":"PLEhtv","hero-header":"sqZGhS","promo-header":"Kovs64","uui-critical":"_4eqbxr","uui-info":"_0ZPRDB","uui-success":"_5TVOu7","uui-warning":"acoEe0","uui-highlight":"-mj-hx","uui-typography-size-12":"BASeSi","uui-typography-size-14":"eG33Vx","uui-typography-size-16":"nzjiir","root":"GNWAQd","border-top":"xAzwvn","border-bottom":"c789vL","top-shadow":"tV1Ki9","size-24":"MnrbPY","size-30":"s0CW6A","size-36":"EJileU","size-42":"Aa7iCx","size-48":"IKSdKE","padding-6":"Rh8oYL","padding-12":"vPh4Dt","padding-18":"A9yJck","padding-24":"XBln57","margin-24":"B6I0QL","margin-12":"nIrYEK","vPadding-12":"KfDK5Y","vPadding-18":"M0lVO-","vPadding-24":"eryOGv","vPadding-36":"ZYDHws","vPadding-48":"jNm-Bl","spacing-6":"UmePFX","spacing-12":"_7OPhVv","spacing-18":"lE1i6P","uui-surface-main":"IeS3hu","uuiTypography":"PLEhtv","heroHeader":"sqZGhS","promoHeader":"Kovs64","uuiCritical":"_4eqbxr","uuiInfo":"_0ZPRDB","uuiSuccess":"_5TVOu7","uuiWarning":"acoEe0","uuiHighlight":"-mj-hx","uuiTypographySize12":"BASeSi","uuiTypographySize14":"eG33Vx","uuiTypographySize16":"nzjiir","borderTop":"xAzwvn","borderBottom":"c789vL","topShadow":"tV1Ki9","size24":"MnrbPY","size30":"s0CW6A","size36":"EJileU","size42":"Aa7iCx","size48":"IKSdKE","padding6":"Rh8oYL","padding12":"vPh4Dt","padding18":"A9yJck","padding24":"XBln57","margin24":"B6I0QL","margin12":"nIrYEK","vPadding12":"KfDK5Y","vPadding18":"M0lVO-","vPadding24":"eryOGv","vPadding36":"ZYDHws","vPadding48":"jNm-Bl","spacing6":"UmePFX","spacing12":"_7OPhVv","spacing18":"lE1i6P","uuiSurfaceMain":"IeS3hu"};
+var css$1c = {"uui-typography":"uUpPoQ","hero-header":"fEzHFk","promo-header":"e5VBqF","uui-critical":"rBTF-0","uui-info":"_97YD8O","uui-success":"gpegPR","uui-warning":"vat-Rd","uui-highlight":"BMcZea","uui-typography-size-12":"_4O11zy","uui-typography-size-14":"xhXQdK","uui-typography-size-16":"_8tNlUK","root":"rUaee7","border-top":"OGMGfE","border-bottom":"tezZss","top-shadow":"gra-NF","size-24":"DVuH9h","size-30":"ElJlU0","size-36":"qvW3Zk","size-42":"pErfHb","size-48":"jN8hf8","padding-6":"_03tCYY","padding-12":"Q26ASa","padding-18":"pPR1jB","padding-24":"Me-3HU","margin-24":"Sb-NeN","margin-12":"EDzHJI","vPadding-12":"zr8aG4","vPadding-18":"_-2dtSy","vPadding-24":"_7OAcbC","vPadding-36":"tsiJpo","vPadding-48":"AMq-QK","spacing-6":"_3AY9lR","spacing-12":"jsdvI-","spacing-18":"rjfd6T","uui-surface-main":"GOUzf5","uuiTypography":"uUpPoQ","heroHeader":"fEzHFk","promoHeader":"e5VBqF","uuiCritical":"rBTF-0","uuiInfo":"_97YD8O","uuiSuccess":"gpegPR","uuiWarning":"vat-Rd","uuiHighlight":"BMcZea","uuiTypographySize12":"_4O11zy","uuiTypographySize14":"xhXQdK","uuiTypographySize16":"_8tNlUK","borderTop":"OGMGfE","borderBottom":"tezZss","topShadow":"gra-NF","size24":"DVuH9h","size30":"ElJlU0","size36":"qvW3Zk","size42":"pErfHb","size48":"jN8hf8","padding6":"_03tCYY","padding12":"Q26ASa","padding18":"pPR1jB","padding24":"Me-3HU","margin24":"Sb-NeN","margin12":"EDzHJI","vPadding12":"zr8aG4","vPadding18":"_-2dtSy","vPadding24":"_7OAcbC","vPadding36":"tsiJpo","vPadding48":"AMq-QK","spacing6":"_3AY9lR","spacing12":"jsdvI-","spacing18":"rjfd6T","uuiSurfaceMain":"GOUzf5"};
 
 const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1c.flexCell]);
 
@@ -932,7 +1101,7 @@ const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) =
     ];
 });
 
-var css$1b = {"root":"PWq1Lp","margin-24":"EnZK-b","padding-12":"hICx2I","padding-24":"zDsFXj","shadow":"-OOFB-","uui-surface-main":"sroUk-","margin24":"EnZK-b","padding12":"hICx2I","padding24":"zDsFXj","uuiSurfaceMain":"sroUk-"};
+var css$1b = {"root":"aAckAC","margin-24":"jK4n0f","padding-12":"LZ857J","padding-24":"fvRyYJ","shadow":"a046CN","uui-surface-main":"kCdtM-","margin24":"jK4n0f","padding12":"LZ857J","padding24":"fvRyYJ","uuiSurfaceMain":"kCdtM-"};
 
 const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     'uui-panel',
@@ -942,7 +1111,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     props.background && css$1b[`uui-${props.background}`],
 ]);
 
-var css$1a = {"root":"YRxreG"};
+var css$1a = {"root":"o0-5nK"};
 
 function applyTooltipMods(mods) {
     return [
@@ -952,18 +1121,18 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
 
-var css$19 = {"uui-typography":"FnUozz","hero-header":"T39nfy","promo-header":"VtjPN4","uui-critical":"Fkx-OU","uui-info":"_8UDMHu","uui-success":"p-GMJx","uui-warning":"-VYjur","uui-highlight":"_2orzUJ","uui-typography-size-12":"_9lS84f","uui-typography-size-14":"EpG98N","uui-typography-size-16":"B7iFym","root":"sxLALj","size-24":"GjQcdY","size-30":"xMk-Zi","size-36":"yqe5Rk","size-42":"Mf4PXL","size-48":"MUlElN","uuiTypography":"FnUozz","heroHeader":"T39nfy","promoHeader":"VtjPN4","uuiCritical":"Fkx-OU","uuiInfo":"_8UDMHu","uuiSuccess":"p-GMJx","uuiWarning":"-VYjur","uuiHighlight":"_2orzUJ","uuiTypographySize12":"_9lS84f","uuiTypographySize14":"EpG98N","uuiTypographySize16":"B7iFym","size24":"GjQcdY","size30":"xMk-Zi","size36":"yqe5Rk","size42":"Mf4PXL","size48":"MUlElN"};
+var css$19 = {"uui-typography":"G6a6oN","hero-header":"Mqk5LN","promo-header":"XWOs4S","uui-critical":"fnadIa","uui-info":"k55kP0","uui-success":"Y0tvsL","uui-warning":"_12kz5I","uui-highlight":"myOuwr","uui-typography-size-12":"WdKllu","uui-typography-size-14":"_-5cKlf","uui-typography-size-16":"_9w6PHz","root":"l-ZMr0","size-24":"wrM-1V","size-30":"mzaBUA","size-36":"_1u7Phy","size-42":"_0KaRKn","size-48":"bxUpfB","uuiTypography":"G6a6oN","heroHeader":"Mqk5LN","promoHeader":"XWOs4S","uuiCritical":"fnadIa","uuiInfo":"k55kP0","uuiSuccess":"Y0tvsL","uuiWarning":"_12kz5I","uuiHighlight":"myOuwr","uuiTypographySize12":"WdKllu","uuiTypographySize14":"_-5cKlf","uuiTypographySize16":"_9w6PHz","size24":"wrM-1V","size30":"mzaBUA","size36":"_1u7Phy","size42":"_0KaRKn","size48":"bxUpfB"};
 
-const DEFAULT_SIZE$3 = '36';
+const DEFAULT_SIZE$2 = '36';
 function applyLabeledInputMods(mods) {
-    return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$3)]];
+    return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$2)]];
 }
 const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, (props) => ({
     Tooltip: props.Tooltip || Tooltip,
     infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$w : ForwardRef$L),
 }));
 
-var css$18 = {"root":"PCaa3E"};
+var css$18 = {"root":"F4841B"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -978,7 +1147,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$17 = {"root":"_5GnkCl"};
+var css$17 = {"root":"D9ZaXt"};
 
 function applyScrollBarsMods() {
     return [
@@ -987,27 +1156,27 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
 
-var css$16 = {"scroll-container":"FVOmrU","list-container":"cjMMoz","scrollContainer":"FVOmrU","listContainer":"cjMMoz"};
+var css$16 = {"scroll-container":"C1-NCX","list-container":"Tk-6Bb","scrollContainer":"C1-NCX","listContainer":"Tk-6Bb"};
 
-var css$15 = {"root":"qjaXKG"};
+var css$15 = {"root":"r20Nki"};
 
 const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$15.root]);
 
-var css$14 = {"uui-typography":"rKw0YS","hero-header":"qb-kvq","promo-header":"_9qncYV","uui-critical":"F-V-OB","uui-info":"xQas3z","uui-success":"_8yNerc","uui-warning":"ETjeQl","uui-highlight":"yqY5ec","uui-typography-size-12":"aX80dG","uui-typography-size-14":"kyJUDJ","uui-typography-size-16":"-We3GK","root":"Stmscs","size-18":"AK3VMh","size-24":"OYGRwb","size-30":"WAgLIF","size-36":"JaZJlR","size-42":"deByeA","size-48":"mUUYAA","uuiTypography":"rKw0YS","heroHeader":"qb-kvq","promoHeader":"_9qncYV","uuiCritical":"F-V-OB","uuiInfo":"xQas3z","uuiSuccess":"_8yNerc","uuiWarning":"ETjeQl","uuiHighlight":"yqY5ec","uuiTypographySize12":"aX80dG","uuiTypographySize14":"kyJUDJ","uuiTypographySize16":"-We3GK","size18":"AK3VMh","size24":"OYGRwb","size30":"WAgLIF","size36":"JaZJlR","size42":"deByeA","size48":"mUUYAA"};
+var css$14 = {"uui-typography":"uU98Mx","hero-header":"ivYlMH","promo-header":"RBeyeY","uui-critical":"NDYwIT","uui-info":"nmVide","uui-success":"KhsFs1","uui-warning":"V-FP-v","uui-highlight":"byj38M","uui-typography-size-12":"wSzhPP","uui-typography-size-14":"kM9C68","uui-typography-size-16":"UhbQmZ","root":"R5pFO-","size-18":"sJjpg-","size-24":"FToIIg","size-30":"Hk4VL7","size-36":"cLaxUV","size-42":"Rz9zGA","size-48":"_3M963c","uuiTypography":"uU98Mx","heroHeader":"ivYlMH","promoHeader":"RBeyeY","uuiCritical":"NDYwIT","uuiInfo":"nmVide","uuiSuccess":"KhsFs1","uuiWarning":"V-FP-v","uuiHighlight":"byj38M","uuiTypographySize12":"wSzhPP","uuiTypographySize14":"kM9C68","uuiTypographySize16":"UhbQmZ","size18":"sJjpg-","size24":"FToIIg","size30":"Hk4VL7","size36":"cLaxUV","size42":"Rz9zGA","size48":"_3M963c"};
 
-const DEFAULT_SIZE$2 = '36';
+const DEFAULT_SIZE$1 = '36';
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
     return [
         'uui-badge',
         css$14.root,
-        css$14['size-' + (mods.size || DEFAULT_SIZE$2)],
+        css$14['size-' + (mods.size || DEFAULT_SIZE$1)],
         `uui-fill-${mods.fill || DEFAULT_FILL}`,
         `uui-color-${mods.color || 'info'}`,
         mods.indicator && mods.fill === 'outline' && 'uui-indicator',
     ];
 }
-const mapCountIndicatorSizes$1 = {
+const mapCountIndicatorSizes = {
     18: '12',
     24: '18',
     30: '18',
@@ -1021,26 +1190,17 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
     return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
         props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
-        props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes$1[props.size || DEFAULT_SIZE$2], caption: props.count })),
+        props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], caption: props.count })),
         props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$13 = {"uui-typography":"Ym8nf0","hero-header":"z2CWJH","promo-header":"muGFwq","uui-critical":"pZ9kNa","uui-info":"KIldAL","uui-success":"JfbkvL","uui-warning":"_6tLRdV","uui-highlight":"AEu5-m","uui-typography-size-12":"-VsCeq","uui-typography-size-14":"_3ewdeD","uui-typography-size-16":"OJznlg","root":"_38-HPq","size-18":"bVm8Dy","size-24":"JsKc3r","size-30":"Wif-Hd","size-36":"DNwLvd","size-42":"NtXd70","size-48":"_2ae3zz","uuiTypography":"Ym8nf0","heroHeader":"z2CWJH","promoHeader":"muGFwq","uuiCritical":"pZ9kNa","uuiInfo":"KIldAL","uuiSuccess":"JfbkvL","uuiWarning":"_6tLRdV","uuiHighlight":"AEu5-m","uuiTypographySize12":"-VsCeq","uuiTypographySize14":"_3ewdeD","uuiTypographySize16":"OJznlg","size18":"bVm8Dy","size24":"JsKc3r","size30":"Wif-Hd","size36":"DNwLvd","size42":"NtXd70","size48":"_2ae3zz"};
+var css$13 = {"uui-typography":"sqtNvq","hero-header":"-bv2Xu","promo-header":"Uf9wwd","uui-critical":"DSR7n-","uui-info":"kfq5K9","uui-success":"hmm81J","uui-warning":"ieo4a5","uui-highlight":"MtTgR-","uui-typography-size-12":"Ff3SJy","uui-typography-size-14":"pJJAbj","uui-typography-size-16":"Xhao-l","root":"_-9MVFq","uuiTypography":"sqtNvq","heroHeader":"-bv2Xu","promoHeader":"Uf9wwd","uuiCritical":"DSR7n-","uuiInfo":"kfq5K9","uuiSuccess":"hmm81J","uuiWarning":"ieo4a5","uuiHighlight":"MtTgR-","uuiTypographySize12":"Ff3SJy","uuiTypographySize14":"pJJAbj","uuiTypographySize16":"Xhao-l"};
 
-const DEFAULT_SIZE$1 = '36';
-const mapCountIndicatorSizes = {
-    18: '12',
-    24: '18',
-    30: '18',
-    36: '18',
-    42: '24',
-    48: '24',
-};
 function applyTagMods(props) {
     return [
-        css$13['size-' + (props.size || DEFAULT_SIZE$1)],
         css$13.root,
+        `uui-size-${props.size || settings.sizes.defaults.tag}`,
         `uui-color-${props.color || 'neutral'}`,
         `uui-fill-${props.fill || 'solid'}`,
         'uui-tag',
@@ -1053,20 +1213,20 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
         props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
-        props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], caption: props.count })),
+        props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size: settings.sizes.tag.countIndicator[(props.size || settings.sizes.defaults.tag)], caption: props.count })),
         props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
         props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$12 = {"root":"EjLe4f","uui-spinner":"dSVdiD","uuiSpinner":"dSVdiD"};
+var css$12 = {"root":"oj4Gdd","uui-spinner":"d9wWsV","uuiSpinner":"d9wWsV"};
 
 function applySpinnerMods() {
     return [css$12.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
 
-var css$11 = {"root":"SkeR0R","spacer":"GTXxLF","mode-ghost":"ZRp7gM","size-24":"Zkqur5","size-30":"W7hiLE","navigation-size-24":"A0nN3B","navigation-size-30":"Hp7o1w","modeGhost":"ZRp7gM","size24":"Zkqur5","size30":"W7hiLE","navigationSize24":"A0nN3B","navigationSize30":"Hp7o1w"};
+var css$11 = {"root":"TzdTVn","spacer":"brZok3","mode-ghost":"Rs2MWq","size-24":"Z53utd","size-30":"_8ULudF","navigation-size-24":"nU1iA3","navigation-size-30":"ipZWG1","modeGhost":"Rs2MWq","size24":"Z53utd","size30":"_8ULudF","navigationSize24":"nU1iA3","navigationSize30":"ipZWG1"};
 
 var _path$v;
 function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
@@ -1117,14 +1277,14 @@ function Paginator(props) {
     return React__namespace.default.createElement(uuiComponents.Paginator, Object.assign({}, props, { render: renderPaginator }));
 }
 
-var css$10 = {"root":"Z8eUmW","progress-bar":"pOuD13","progressBar-indeterminate":"p7TQ7U","size-12":"GaJfZN","size-18":"clpZ8s","size-24":"EFG57o","progressBar":"pOuD13","progressBarIndeterminate":"p7TQ7U","size12":"GaJfZN","size18":"clpZ8s","size24":"EFG57o"};
+var css$10 = {"root":"qqzidO","progress-bar":"oIwM25","progressBar-indeterminate":"-tS61d","size-12":"NkZB2C","size-18":"qY5rGq","size-24":"lK9RyC","progressBar":"oIwM25","progressBarIndeterminate":"-tS61d","size12":"NkZB2C","size18":"qY5rGq","size24":"lK9RyC"};
 
 const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$10.root, css$10[`size-${props.size || 12}`]) },
         React__namespace.createElement("div", { className: cx__default.default(css$10.progressBar) })));
 });
 
-var css$$ = {"root":"HKAx1b","striped":"SbhpQP","animate-stripes":"MXvhPH","size-12":"ajKwqe","size-18":"d2svhU","size-24":"DjWuz1","animateStripes":"MXvhPH","size12":"ajKwqe","size18":"d2svhU","size24":"DjWuz1"};
+var css$$ = {"root":"_-3uBPG","striped":"Bgri8q","animate-stripes":"rMH7Pa","size-12":"rNgcIE","size-18":"_8wDMB-","size-24":"o5aCCy","animateStripes":"rMH7Pa","size12":"rNgcIE","size18":"_8wDMB-","size24":"o5aCCy"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -1139,14 +1299,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$_ = {"root":"_9iIsSg"};
+var css$_ = {"root":"xL4r38"};
 
 const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$_.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$_.root, props.cx) }));
 });
 
-var css$Z = {"root":"hxH-Qu","size-12":"qoSVTP","size-18":"SGTf8-","size-24":"_1G2KUL","size12":"qoSVTP","size18":"SGTf8-","size24":"_1G2KUL"};
+var css$Z = {"root":"_-5-LT9","size-12":"SVN-X7","size-18":"_5b9Tkn","size-24":"_0QHpxh","size12":"SVN-X7","size18":"_5b9Tkn","size24":"_0QHpxh"};
 
 const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -1161,46 +1321,21 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
         React__namespace.default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
 });
 
-var css$Y = {"drag-handle":"_2tiyFS","icon-container":"_2eq-yS","dragHandle":"_2tiyFS","iconContainer":"_2eq-yS"};
+var css$Y = {"drag-handle":"z0NNJx","icon-container":"IPLarR","dragHandle":"z0NNJx","iconContainer":"IPLarR"};
 
 function DataRowAddons(props) {
     var _a, _b;
     const row = props.rowProps;
-    const additionalItemSize = +props.size < 30 ? '12' : '18';
     const getIndent = () => {
-        switch (props.size) {
-            case '24':
-                return (row.indent - 1) * 6;
-            case '30':
-            case '36':
-                return (row.indent - 1) * 12;
-            case '42':
-            case '48':
-            case '60':
-                return (row.indent - 1) * 24;
-            default:
-                return (row.indent - 1) * 24;
-        }
+        return (row.indent - 1) * settings.sizes.rowAddons.indentUnit[props.size || 'default'];
     };
     const getWidth = () => {
-        switch (props.size) {
-            case '24':
-                return '12px';
-            case '30':
-            case '36':
-                return '18px';
-            case '42':
-            case '48':
-            case '60':
-                return '24px';
-            default:
-                return '12px';
-        }
+        return settings.sizes.rowAddons.indentWidth[props.size || 'default'];
     };
     return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
         ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$Y.dragHandle }),
-        ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__namespace.default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: additionalItemSize, value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
-        row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginLeft: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.IconContainer, { rawProps: {
+        ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__namespace.default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.sizes.rowAddons.checkbox[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
+        row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.IconContainer, { rawProps: {
                 'aria-label': row.isFolded ? 'Unfold' : 'Fold',
                 role: 'button',
             }, key: "icon", icon: ForwardRef$P, cx: [
@@ -1208,7 +1343,7 @@ function DataRowAddons(props) {
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
 }
 
-var css$X = {"root":"YcRQdy"};
+var css$X = {"root":"_7lJSM0"};
 
 const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
 
@@ -1249,7 +1384,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
         React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$W = {"root":"TudQHP"};
+var css$W = {"root":"N2V-o0"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1411,7 +1546,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, uuiCore.i18n)
     } }));
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$V = {"uui-typography":"_6Y4igj","hero-header":"-Gxz5Y","promo-header":"k8GJG1","uui-critical":"_1SUu8W","uui-info":"egywqu","uui-success":"XHxVtl","uui-warning":"WZRJ5E","uui-highlight":"jDQOVy","uui-typography-size-12":"_91tLPU","uui-typography-size-14":"DQsssM","uui-typography-size-16":"f3dOxD","modal":"_1NrD-8","search-wrapper":"j0YQ1J","body":"_9JDiJK","checkbox":"mi9tAG","no-found-size-24":"_6gV0HZ","no-found-size-30":"nkGvcl","no-found-size-36":"kTZteG","no-found-size-42":"_5HHkji","uuiTypography":"_6Y4igj","heroHeader":"-Gxz5Y","promoHeader":"k8GJG1","uuiCritical":"_1SUu8W","uuiInfo":"egywqu","uuiSuccess":"XHxVtl","uuiWarning":"WZRJ5E","uuiHighlight":"jDQOVy","uuiTypographySize12":"_91tLPU","uuiTypographySize14":"DQsssM","uuiTypographySize16":"f3dOxD","searchWrapper":"j0YQ1J","noFoundSize24":"_6gV0HZ","noFoundSize30":"nkGvcl","noFoundSize36":"kTZteG","noFoundSize42":"_5HHkji"};
+var css$V = {"uui-typography":"Fk63UR","hero-header":"QPcBgl","promo-header":"OX1MO5","uui-critical":"XOUCGP","uui-info":"_3kjwT3","uui-success":"kKDDKW","uui-warning":"NSsDcu","uui-highlight":"s8oyMr","uui-typography-size-12":"NYIYrB","uui-typography-size-14":"wH7X0W","uui-typography-size-16":"NKVcsK","modal":"PP5MlI","search-wrapper":"Nu1GjZ","body":"onTY-S","checkbox":"uifjn4","no-found-size-24":"WZHC0m","no-found-size-30":"GfYiyP","no-found-size-36":"vVQ1Yh","no-found-size-42":"r8F-bz","uuiTypography":"Fk63UR","heroHeader":"QPcBgl","promoHeader":"OX1MO5","uuiCritical":"XOUCGP","uuiInfo":"_3kjwT3","uuiSuccess":"kKDDKW","uuiWarning":"NSsDcu","uuiHighlight":"s8oyMr","uuiTypographySize12":"NYIYrB","uuiTypographySize14":"wH7X0W","uuiTypographySize16":"NKVcsK","searchWrapper":"Nu1GjZ","noFoundSize24":"WZHC0m","noFoundSize30":"GfYiyP","noFoundSize36":"vVQ1Yh","noFoundSize42":"r8F-bz"};
 
 class DataPickerBody extends uuiComponents.PickerBodyBase {
     constructor() {
@@ -1423,29 +1558,23 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
         if (this.props.renderNotFound) {
             return this.props.renderNotFound();
         }
-        return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$V[`no-found-size-${this.props.searchSize || 36}`], grow: 1, textAlign: "center" },
-            React__namespace.default.createElement(Text, { size: this.props.searchSize || '36' }, i18n.dataPickerBody.noRecordsMessage)));
+        // TODO: need fix sizes, how to use variables
+        return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$V[`no-found-size-${this.props.searchSize || settings.sizes.dataPickerBody.flexCell.default}`], grow: 1, textAlign: "center" },
+            React__namespace.default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.noRecordsMessage)));
     }
     render() {
-        const searchSize = uuiCore.isMobile() ? '48' : this.props.searchSize || '36';
+        const searchSize = (uuiCore.isMobile() ? settings.sizes.dataPickerBody.searchInput['mobile'] : this.props.searchSize);
         return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
             this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: css$V.searchWrapper },
                 React__namespace.default.createElement(uuiComponents.FlexCell, { grow: 1 },
-                    React__namespace.default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay }))))),
+                    React__namespace.default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } }))))),
             React__namespace.default.createElement(FlexRow, { key: "body", cx: uuiCore.cx('uui-pickerInput-body', css$V[this.props.editMode], css$V[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rowsCount > 0 ? (React__namespace.default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : (this.renderNotFound()))));
     }
 }
 
-const switchSizes = {
-    24: '12',
-    36: '18',
-    42: '24',
-    48: '24',
-};
 function DataPickerFooterImpl(props) {
     const { clearSelection, view, showSelected, selectionMode, } = props;
-    const size = uuiCore.isMobile() ? '48' : props.size || '36';
-    const switchSize = switchSizes[size];
+    const size = settings.sizes.dataPickerFooter.linkButton[uuiCore.isMobile() ? 'mobile' : props.size];
     const hasSelection = view.getSelectedRowsCount() > 0;
     const rowsCount = view.getListProps().rowsCount;
     const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
@@ -1455,8 +1584,8 @@ function DataPickerFooterImpl(props) {
     const selectAllText = i18n.pickerInput.selectAllButton;
     // show always for multi picker and for single only in case if search not disabled.
     const shouldShowFooter = isSinglePicker ? !props.disableClear : true;
-    return shouldShowFooter && (React__namespace.default.createElement(FlexRow, { padding: "12" },
-        !isSinglePicker && (React__namespace.default.createElement(Switch, { size: switchSize, value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
+    return shouldShowFooter && (React__namespace.default.createElement(FlexRow, { size: props.size, padding: settings.sizes.dataPickerFooter.flexRowPadding },
+        !isSinglePicker && (React__namespace.default.createElement(Switch, { size: settings.sizes.dataPickerFooter.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
         React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
         React__namespace.default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
             view.selectAll && (React__namespace.default.createElement(LinkButton, { size: size, caption: hasSelection ? clearAllText : selectAllText, onClick: hasSelection ? clearSelection : () => view.selectAll.onValueChange(true), rawProps: {
@@ -1468,12 +1597,12 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
 
-var css$U = {"header":"_1CCeEU","close":"nTEhvP"};
+var css$U = {"header":"zdy4F8","close":"_67eTwR"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
     return (React__namespace.default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$U.header },
-        React__namespace.default.createElement(Text, { size: "48", fontWeight: "600" }, title),
+        React__namespace.default.createElement(Text, { size: settings.sizes.dataPickerHeader.text.size, fontWeight: settings.sizes.dataPickerHeader.text.fontWeight }, title),
         React__namespace.default.createElement(IconButton, { icon: ForwardRef$Q, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$U.close })));
 };
 const DataPickerHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerHeaderImpl);
@@ -1493,7 +1622,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgNotificationDoneFill);
 
-var css$T = {"uui-typography":"JJ-Cu5","hero-header":"PXDg11","promo-header":"RZvebr","uui-critical":"zKmKd-","uui-info":"YGVK5J","uui-success":"kwUfTo","uui-warning":"rf3IKA","uui-highlight":"bZj1wv","uui-typography-size-12":"yvTpUi","uui-typography-size-14":"cvGeSy","uui-typography-size-16":"_6-yNsc","root":"xkVEci","align-widgets-top":"SA7EWo","size-24":"dnnAJw","size-30":"FCxFAP","size-36":"YrKcqR","size-42":"n-S27-","size-48":"XkbB0O","size-60":"AAWpMl","align-widgets-center":"y6vsri","icon-wrapper":"VQiNo8","padding-12":"_0V83yK","padding-24":"ZPvlDL","padding-left-12":"_6jjOFS","padding-left-24":"ryioUv","icon-container":"QrN-rV","loading-cell":"gKM4Ip","content-wrapper":"qJ6QUz","render-item":"ZvS-mH","icon-default":"ONK9WL","selected-mark":"oyPj-W","uuiTypography":"JJ-Cu5","heroHeader":"PXDg11","promoHeader":"RZvebr","uuiCritical":"zKmKd-","uuiInfo":"YGVK5J","uuiSuccess":"kwUfTo","uuiWarning":"rf3IKA","uuiHighlight":"bZj1wv","uuiTypographySize12":"yvTpUi","uuiTypographySize14":"cvGeSy","uuiTypographySize16":"_6-yNsc","alignWidgetsTop":"SA7EWo","size24":"dnnAJw","size30":"FCxFAP","size36":"YrKcqR","size42":"n-S27-","size48":"XkbB0O","size60":"AAWpMl","alignWidgetsCenter":"y6vsri","iconWrapper":"VQiNo8","padding12":"_0V83yK","padding24":"ZPvlDL","paddingLeft12":"_6jjOFS","paddingLeft24":"ryioUv","iconContainer":"QrN-rV","loadingCell":"gKM4Ip","contentWrapper":"qJ6QUz","renderItem":"ZvS-mH","iconDefault":"ONK9WL","selectedMark":"oyPj-W"};
+var css$T = {"uui-typography":"FtE3x5","hero-header":"U9wlCW","promo-header":"UtFOZN","uui-critical":"hvnIMa","uui-info":"mMRPgo","uui-success":"_3122Uy","uui-warning":"zpFLWu","uui-highlight":"OuiJTU","uui-typography-size-12":"_8e7mOg","uui-typography-size-14":"soLTRw","uui-typography-size-16":"AUjJf-","root":"alCr9b","align-widgets-top":"e9QMnC","size-24":"_9Oplkq","size-30":"TZndOD","size-36":"eQVIkb","size-42":"_6yGgEE","size-48":"fxJUve","size-60":"QYsCn-","align-widgets-center":"jro0-2","icon-wrapper":"J4zSKk","padding-12":"tlijxL","padding-24":"msPUg7","padding-left-12":"t--SUb","padding-left-24":"o6l1VP","icon-container":"_54hw-1","loading-cell":"iWntxg","content-wrapper":"-oW1Kn","render-item":"u2Wj0B","icon-default":"pu0TB7","selected-mark":"l93UzR","uuiTypography":"FtE3x5","heroHeader":"U9wlCW","promoHeader":"UtFOZN","uuiCritical":"hvnIMa","uuiInfo":"mMRPgo","uuiSuccess":"_3122Uy","uuiWarning":"zpFLWu","uuiHighlight":"OuiJTU","uuiTypographySize12":"_8e7mOg","uuiTypographySize14":"soLTRw","uuiTypographySize16":"AUjJf-","alignWidgetsTop":"e9QMnC","size24":"_9Oplkq","size30":"TZndOD","size36":"eQVIkb","size42":"_6yGgEE","size48":"fxJUve","size60":"QYsCn-","alignWidgetsCenter":"jro0-2","iconWrapper":"J4zSKk","padding12":"tlijxL","padding24":"msPUg7","paddingLeft12":"t--SUb","paddingLeft24":"o6l1VP","iconContainer":"_54hw-1","loadingCell":"iWntxg","contentWrapper":"-oW1Kn","renderItem":"u2Wj0B","iconDefault":"pu0TB7","selectedMark":"l93UzR"};
 
 function DataPickerCell(props) {
     const ref = React__namespace.useRef();
@@ -1501,18 +1630,18 @@ function DataPickerCell(props) {
     if (props.rowProps.isLoading) {
         content = (
         // remove `css.loadingCell` after` removing `margin: 0 3px 3px 0` from `TextPlaceholder` `loadingWord` class styles.
-        React__namespace.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48', cx: css$T.loadingCell },
+        React__namespace.createElement(Text, { key: "t", size: settings.sizes.dataPickerCell.text[props.size], cx: css$T.loadingCell },
             React__namespace.createElement(TextPlaceholder, null)));
     }
     else if (props.rowProps.isUnknown) {
-        content = (React__namespace.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown"));
+        content = (React__namespace.createElement(Text, { key: "t", size: settings.sizes.dataPickerCell.text[props.size] }, "Unknown"));
     }
     else {
         content = (React__namespace.createElement("div", { key: `${props.rowProps.id}`, className: css$T.renderItem },
             props.renderItem(props.rowProps.value, props.rowProps),
             React__namespace.createElement(uuiComponents.FlexSpacer, null),
             (props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React__namespace.createElement("div", { className: uuiCore.cx(css$T.iconWrapper, uuiCore.uuiMod.selected) },
-                React__namespace.createElement(uuiComponents.IconContainer, { icon: props.size === '24' ? ForwardRef$t : ForwardRef$O, cx: uuiCore.cx(props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark), rawProps: { 'aria-label': props.rowProps.isChildrenSelected
+                React__namespace.createElement(uuiComponents.IconContainer, { icon: settings.sizes.dataPickerCell.isBoldIcon[props.size] ? ForwardRef$t : ForwardRef$O, cx: props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
                             ? 'Child is selected'
                             : 'Selected' } })))));
     }
@@ -1521,22 +1650,22 @@ function DataPickerCell(props) {
             css$T.root,
             props.cx,
             'data-picker-cell',
-            css$T['size-' + (props.size || '36')],
-            css$T[`padding-${props.padding || '12'}`],
-            css$T[`padding-left-${props.padding || '24'}`],
+            css$T['size-' + (props.size || settings.sizes.defaults.dataPickerCell)],
+            css$T[`padding-${props.padding || settings.sizes.dataPickerCell.padding.default}`],
+            css$T[`padding-left-${props.padding || settings.sizes.dataPickerCell.paddingLeft.default}`],
             css$T[`align-widgets-${props.alignActions || 'top'}`],
         ] },
         React__namespace.createElement(DataRowAddons, Object.assign({}, props)),
         getWrappedContent()));
 }
 
-var css$S = {"uui-typography":"eTA8qL","hero-header":"ZXkOJr","promo-header":"ZBRjKA","uui-critical":"uBgd5B","uui-info":"-oYYQ2","uui-success":"VpbMwB","uui-warning":"f21ltV","uui-highlight":"_4XbMrg","uui-typography-size-12":"x4nt-S","uui-typography-size-14":"I-EAeM","uui-typography-size-16":"la-PqF","picker-row":"_4-13u6","uuiTypography":"eTA8qL","heroHeader":"ZXkOJr","promoHeader":"ZBRjKA","uuiCritical":"uBgd5B","uuiInfo":"-oYYQ2","uuiSuccess":"VpbMwB","uuiWarning":"f21ltV","uuiHighlight":"_4XbMrg","uuiTypographySize12":"x4nt-S","uuiTypographySize14":"I-EAeM","uuiTypographySize16":"la-PqF","pickerRow":"_4-13u6"};
+var css$S = {"uui-typography":"JmW6Yq","hero-header":"_43XlYY","promo-header":"pDVJUM","uui-critical":"F7nURM","uui-info":"OmU0cT","uui-success":"_2oNDFo","uui-warning":"tKsQfp","uui-highlight":"kjyG5o","uui-typography-size-12":"IkOQGU","uui-typography-size-14":"E5r5ou","uui-typography-size-16":"aHb6mW","picker-row":"Z5hMpI","uuiTypography":"JmW6Yq","heroHeader":"_43XlYY","promoHeader":"pDVJUM","uuiCritical":"F7nURM","uuiInfo":"OmU0cT","uuiSuccess":"_2oNDFo","uuiWarning":"tKsQfp","uuiHighlight":"kjyG5o","uuiTypographySize12":"IkOQGU","uuiTypographySize14":"E5r5ou","uuiTypographySize16":"aHb6mW","pickerRow":"Z5hMpI"};
 
 class DataPickerRow extends React__namespace.Component {
     constructor() {
         super(...arguments);
         this.renderContent = () => {
-            return (React__namespace.createElement(DataPickerCell, { key: "name", size: this.props.size || '36', padding: this.props.padding || '24', rowProps: this.props, alignActions: this.props.alignActions || 'top', renderItem: this.props.renderItem }));
+            return (React__namespace.createElement(DataPickerCell, { key: "name", size: this.props.size || settings.sizes.dataPickerRow.dataPickerCell.default, padding: this.props.padding || settings.sizes.dataPickerRow.padding.default, rowProps: this.props, alignActions: this.props.alignActions || 'top', renderItem: this.props.renderItem }));
         };
     }
     render() {
@@ -1544,7 +1673,7 @@ class DataPickerRow extends React__namespace.Component {
     }
 }
 
-var css$R = {"uui-typography":"c9ZswD","hero-header":"CPT6Zs","promo-header":"nGEW21","uui-critical":"kN-RM3","uui-info":"_8o1mzX","uui-success":"PCYC2-","uui-warning":"hCNLfv","uui-highlight":"tJdqfA","uui-typography-size-12":"J-8gDY","uui-typography-size-14":"Qh9L4r","uui-typography-size-16":"DvzEEO","done":"FgVBbs","container":"alFuu5","uuiTypography":"c9ZswD","heroHeader":"CPT6Zs","promoHeader":"nGEW21","uuiCritical":"kN-RM3","uuiInfo":"_8o1mzX","uuiSuccess":"PCYC2-","uuiWarning":"hCNLfv","uuiHighlight":"tJdqfA","uuiTypographySize12":"J-8gDY","uuiTypographySize14":"Qh9L4r","uuiTypographySize16":"DvzEEO"};
+var css$R = {"uui-typography":"gMVQCC","hero-header":"J4loFJ","promo-header":"xNh86s","uui-critical":"bpqNb-","uui-info":"ftGrK9","uui-success":"_9rQU9m","uui-warning":"ZJkE5s","uui-highlight":"cTJish","uui-typography-size-12":"LzmA93","uui-typography-size-14":"vXtqw-","uui-typography-size-16":"YGVpJ6","done":"zw766T","container":"_6EZhea","uuiTypography":"gMVQCC","heroHeader":"J4loFJ","promoHeader":"xNh86s","uuiCritical":"bpqNb-","uuiInfo":"ftGrK9","uuiSuccess":"_9rQU9m","uuiWarning":"ZJkE5s","uuiHighlight":"cTJish","uuiTypographySize12":"LzmA93","uuiTypographySize14":"vXtqw-","uuiTypographySize16":"YGVpJ6"};
 
 const MobileDropdownWrapper = (props) => {
     const isMobileView = uuiCore.isMobile();
@@ -1553,7 +1682,7 @@ const MobileDropdownWrapper = (props) => {
     return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$R.container, props.cx] }),
         isMobileView && React__namespace.default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
         props.children,
-        isMobileView && React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$R.done, size: "48" })));
+        isMobileView && React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$R.done, size: settings.sizes.mobileDropdownWrapper.linkButton })));
 };
 
 var _path$s, _path2$4;
@@ -1578,9 +1707,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
 
-var css$Q = {"uui-typography":"wWobP5","hero-header":"mca-7x","promo-header":"p0AHHs","uui-critical":"yEVanI","uui-info":"iO2ntj","uui-success":"DCjiR8","uui-warning":"qNAGXE","uui-highlight":"-GqQLn","uui-typography-size-12":"lPY141","uui-typography-size-14":"sRG2iR","uui-typography-size-16":"CRIEC2","sub-header-wrapper":"-hCePX","switch":"mE7OEu","no-found-modal-container":"YtQllj","no-found-modal-container-icon":"tWGcBN","no-found-modal-container-text":"z--pkx","uuiTypography":"wWobP5","heroHeader":"mca-7x","promoHeader":"p0AHHs","uuiCritical":"yEVanI","uuiInfo":"iO2ntj","uuiSuccess":"DCjiR8","uuiWarning":"qNAGXE","uuiHighlight":"-GqQLn","uuiTypographySize12":"lPY141","uuiTypographySize14":"sRG2iR","uuiTypographySize16":"CRIEC2","subHeaderWrapper":"-hCePX","$switch$":"mE7OEu","noFoundModalContainer":"YtQllj","noFoundModalContainerIcon":"tWGcBN","noFoundModalContainerText":"z--pkx"};
-
-var css$P = {"root":"TC66y3","multiline":"kZoRp1","vertical-padding-24":"-B6FX9","vertical-padding-30":"ErfYor","vertical-padding-36":"Ia-BnH","vertical-padding-42":"UFucnT","vertical-padding-48":"f0fi33","text":"yfLZxM","verticalPadding24":"-B6FX9","verticalPadding30":"ErfYor","verticalPadding36":"Ia-BnH","verticalPadding42":"UFucnT","verticalPadding48":"f0fi33"};
+var css$Q = {"uui-typography":"-bN-j0","hero-header":"xPZZ7V","promo-header":"oGYxhN","uui-critical":"NDJrah","uui-info":"Pn4UPf","uui-success":"ou0nqA","uui-warning":"k-VZwX","uui-highlight":"VKzz78","uui-typography-size-12":"_0NIPOB","uui-typography-size-14":"nbqfoo","uui-typography-size-16":"GdI76T","sub-header-wrapper":"btC8Ma","switch":"F8efAT","no-found-modal-container":"_6hhGQS","no-found-modal-container-icon":"rmET6y","no-found-modal-container-text":"TJBgXi","uuiTypography":"-bN-j0","heroHeader":"xPZZ7V","promoHeader":"oGYxhN","uuiCritical":"NDJrah","uuiInfo":"Pn4UPf","uuiSuccess":"ou0nqA","uuiWarning":"k-VZwX","uuiHighlight":"VKzz78","uuiTypographySize12":"_0NIPOB","uuiTypographySize14":"nbqfoo","uuiTypographySize16":"GdI76T","subHeaderWrapper":"btC8Ma","$switch$":"F8efAT","noFoundModalContainer":"_6hhGQS","noFoundModalContainerIcon":"rmET6y","noFoundModalContainerText":"TJBgXi"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -1647,11 +1774,12 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-const defaultSize$2 = '36';
+var css$P = {"root":"B3646p","multiline":"E5qjSA","vertical-padding-24":"HWYDY3","vertical-padding-30":"_8m6mjA","vertical-padding-36":"pJZgfk","vertical-padding-42":"_4Tka6g","vertical-padding-48":"uuPvYg","text":"bVPxpT","verticalPadding24":"HWYDY3","verticalPadding30":"_8m6mjA","verticalPadding36":"pJZgfk","verticalPadding42":"_4Tka6g","verticalPadding48":"uuPvYg"};
+
 function PickerItem(props) {
     var _a;
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, cx, } = props;
-    const itemSize = size || defaultSize$2;
+    const itemSize = size || settings.sizes.defaults.pickerItem;
     const isMultiline = !!(props.title && props.subtitle);
     const { search } = (_a = props.dataSourceState) !== null && _a !== void 0 ? _a : {};
     const title = highlightSearchMatches ? getHighlightedSearchMatches(props.title, search) : props.title;
@@ -1665,7 +1793,7 @@ function PickerItem(props) {
                 subtitle && (React__namespace.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$P.text }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
 }
 function getAvatarSize(size, isMultiline) {
-    return isMultiline ? size : +size - 6;
+    return settings.sizes.pickerItem.avatar[isMultiline ? 'multiline' : 'rest'][size];
 }
 
 function PickerModal(props) {
@@ -1714,34 +1842,18 @@ function PickerModal(props) {
                             listView: view,
                             rows: dataRows,
                             searchPosition: 'body',
-                        }, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder }))),
+                        }, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder, rawProps: { dir: 'auto' } }))),
                 !isSingleSelect() && (React__namespace.default.createElement(Switch, Object.assign({ cx: css$Q.switch, size: "18" }, getFooterProps().showSelected, { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
                 props.renderFilter && React__namespace.default.createElement(FlexCell, { grow: 2 }, props.renderFilter(dataSourceStateLens.prop('filter').toProps()))),
             React__namespace.default.createElement(DataPickerBody, Object.assign({}, getListProps(), { value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" })),
             React__namespace.default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$O = {"tooltip":"RXFQqc"};
-
-const getPickerTogglerButtonSize = (propSize) => {
-    switch (propSize) {
-        case '48':
-            return '42';
-        case '42':
-            return '36';
-        case '36':
-            return '30';
-        case '30':
-            return '24';
-        case '24':
-            return '18';
-        default:
-            return '30';
-    }
-};
+var css$O = {"tooltip":"tvEvcJ"};
+
 const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     var _a;
-    const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size: getPickerTogglerButtonSize(props.size), caption: ((_a = props.rowProps) === null || _a === void 0 ? void 0 : _a.isLoading) ? React__namespace.createElement(TextPlaceholder, null) : props.caption });
+    const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size: settings.sizes.pickerToggler.tag[props.size], caption: ((_a = props.rowProps) === null || _a === void 0 ? void 0 : _a.isLoading) ? React__namespace.createElement(TextPlaceholder, null) : props.caption });
     if (props.isCollapsed) {
         const collapsedRows = props.collapsedRows.map((row) => { var _a; return (_a = row.value) === null || _a === void 0 ? void 0 : _a.name; }).join(', ');
         return (React__namespace.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$O.tooltip },
@@ -1752,20 +1864,20 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
     }
 });
 
-var css$N = {"uui-typography":"nxeb2B","hero-header":"iVQk6V","promo-header":"YQovuX","uui-critical":"L-3jXi","uui-info":"_3J1n8r","uui-success":"lh4V96","uui-warning":"_8d-VGb","uui-highlight":"_--4aeH","uui-typography-size-12":"S-5G3e","uui-typography-size-14":"a1GEUA","uui-typography-size-16":"Y88LAd","root":"d-R-8M","mode-form":"OM62nz","mode-cell":"ulciYm","mode-inline":"Zy84P2","size-24":"_68rkjZ","size-30":"ZEHJ2-","size-36":"pQV-kR","size-42":"EzBXGt","size-48":"rUEUYi","uuiTypography":"nxeb2B","heroHeader":"iVQk6V","promoHeader":"YQovuX","uuiCritical":"L-3jXi","uuiInfo":"_3J1n8r","uuiSuccess":"lh4V96","uuiWarning":"_8d-VGb","uuiHighlight":"_--4aeH","uuiTypographySize12":"S-5G3e","uuiTypographySize14":"a1GEUA","uuiTypographySize16":"Y88LAd","modeForm":"OM62nz","modeCell":"ulciYm","modeInline":"Zy84P2","size24":"_68rkjZ","size30":"ZEHJ2-","size36":"pQV-kR","size42":"EzBXGt","size48":"rUEUYi"};
+var css$N = {"uui-typography":"dJQGwy","hero-header":"srjtdV","promo-header":"ZmNljl","uui-critical":"TTtgcV","uui-info":"WVgzk6","uui-success":"_96dCRC","uui-warning":"_9QMfvj","uui-highlight":"S4cs-V","uui-typography-size-12":"QF9pI4","uui-typography-size-14":"YQPbo8","uui-typography-size-16":"W7JmPr","root":"NhWcYS","mode-form":"_6B-4j7","mode-cell":"H7o7dX","mode-inline":"H0RNwg","uuiTypography":"dJQGwy","heroHeader":"srjtdV","promoHeader":"ZmNljl","uuiCritical":"TTtgcV","uuiInfo":"WVgzk6","uuiSuccess":"_96dCRC","uuiWarning":"_9QMfvj","uuiHighlight":"S4cs-V","uuiTypographySize12":"QF9pI4","uuiTypographySize14":"YQPbo8","uuiTypographySize16":"W7JmPr","modeForm":"_6B-4j7","modeCell":"H7o7dX","modeInline":"H0RNwg"};
 
-const defaultSize$1 = '36';
 const defaultMode$1 = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
     return [
         css$N.root,
-        css$N['size-' + (mods.size || defaultSize$1)],
+        'uui-picker_toggler',
+        `uui-size-${mods.size || settings.sizes.defaults.pickerToggler}`,
         css$N['mode-' + (mods.mode || defaultMode$1)],
     ];
 }
 function PickerTogglerComponent(props, ref) {
     const renderItem = (itemProps) => {
-        const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: props.size });
+        const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: (props.size || settings.sizes.defaults.pickerToggler) });
         if (!!props.renderItem) {
             return props.renderItem(itemPropsWithSize);
         }
@@ -1775,8 +1887,6 @@ function PickerTogglerComponent(props, ref) {
 }
 const PickerToggler = /* @__PURE__ */React__namespace.forwardRef(PickerTogglerComponent);
 
-const pickerHeight$1 = 300;
-const pickerWidth = 360;
 function PickerInputComponent(_a, ref) {
     var { highlightSearchMatches = true } = _a, props = __rest(_a, ["highlightSearchMatches"]);
     const toggleModalOpening = () => {
@@ -1813,9 +1923,9 @@ function PickerInputComponent(_a, ref) {
     };
     const getRowSize = () => {
         if (uuiCore.isMobile()) {
-            return '48';
+            return settings.sizes.pickerInput.rowSize.mobile;
         }
-        return props.editMode === 'modal' ? '36' : props.size;
+        return props.editMode === 'modal' ? settings.sizes.pickerInput.rowSize.modal : props.size;
     };
     const getSubtitle = ({ path }, { search }) => {
         if (!search)
@@ -1830,12 +1940,12 @@ function PickerInputComponent(_a, ref) {
         return (React__namespace.default.createElement(PickerItem, Object.assign({ title: getName(item), size: getRowSize(), dataSourceState: dsState, highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dataSourceState) } : {}), rowProps)));
     };
     const renderRow = (rowProps, dsState) => {
-        return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__namespace.default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding: props.editMode === 'modal' ? '24' : '12', renderItem: (item, itemProps) => renderRowItem(item, itemProps, dsState) })));
+        return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__namespace.default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding: (props.editMode === 'modal' ? settings.sizes.pickerInput.rowSize.padding.modal : settings.sizes.pickerInput.rowSize.padding.default), renderItem: (item, itemProps) => renderRowItem(item, itemProps, dsState) })));
     };
     const renderBody = (bodyProps, rows) => {
         const renderedDataRows = rows.map((row) => renderRow(row, dataSourceState));
-        const bodyHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || pickerHeight$1;
-        const minBodyWidth = props.minBodyWidth || pickerWidth;
+        const bodyHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || settings.sizes.pickerInput.height;
+        const minBodyWidth = props.minBodyWidth || settings.sizes.pickerInput.width;
         return (React__namespace.default.createElement(MobileDropdownWrapper, { title: props.entityName, onClose: () => toggleBodyOpening(false), cx: [props.bodyCx], onKeyDown: bodyProps.onKeyDown, width: bodyProps.togglerWidth > minBodyWidth ? bodyProps.togglerWidth : minBodyWidth, focusLock: getSearchPosition() === 'body' },
             React__namespace.default.createElement(DataPickerBody, Object.assign({}, bodyProps, { rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode, renderNotFound: props.renderNotFound
                     ? () => props.renderNotFound({
@@ -1854,7 +1964,7 @@ function PickerInputComponent(_a, ref) {
 }
 const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
 
-var css$M = {"row":"pIcFVr"};
+var css$M = {"row":"w2afMT"};
 
 function PickerListItem(props) {
     var _a;
@@ -1875,7 +1985,7 @@ function PickerListItem(props) {
     return (React__namespace.default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$M.row }), component));
 }
 
-var css$L = {"root":"AuYlLG"};
+var css$L = {"root":"zAyIjp"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
@@ -1915,7 +2025,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
 const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
 const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
 
-var css$K = {"uui-typography":"W593iF","hero-header":"l20e4K","promo-header":"u-0YSE","uui-critical":"g0Of-C","uui-info":"QBZetr","uui-success":"tf8OTz","uui-warning":"bDgh-B","uui-highlight":"bbnZfQ","uui-typography-size-12":"xLx-hn","uui-typography-size-14":"q-Yksa","uui-typography-size-16":"K8sZYS","root":"kFtLMs","title-wrapper":"d3clAQ","title":"nFCBSs","text-wrapper":"_563b2k","selection":"AGQ1zE","postfix":"_3xm7Sg","selected":"_5g-1of","uuiTypography":"W593iF","heroHeader":"l20e4K","promoHeader":"u-0YSE","uuiCritical":"g0Of-C","uuiInfo":"QBZetr","uuiSuccess":"tf8OTz","uuiWarning":"bDgh-B","uuiHighlight":"bbnZfQ","uuiTypographySize12":"xLx-hn","uuiTypographySize14":"q-Yksa","uuiTypographySize16":"K8sZYS","titleWrapper":"d3clAQ","textWrapper":"_563b2k"};
+var css$K = {"uui-typography":"hMHk-N","hero-header":"iPRHR8","promo-header":"vgCTgp","uui-critical":"nU7VxR","uui-info":"XOhY8n","uui-success":"qCcBLI","uui-warning":"eKtui7","uui-highlight":"RoYuY7","uui-typography-size-12":"se-DYs","uui-typography-size-14":"z-7jfN","uui-typography-size-16":"_1UOISi","root":"YMJRmN","title-wrapper":"HoBZXF","title":"V45MXy","text-wrapper":"JiUgOj","selection":"_3X00Rm","postfix":"hvfRPY","selected":"amZb72","uuiTypography":"hMHk-N","heroHeader":"iPRHR8","promoHeader":"vgCTgp","uuiCritical":"nU7VxR","uuiInfo":"XOhY8n","uuiSuccess":"qCcBLI","uuiWarning":"eKtui7","uuiHighlight":"RoYuY7","uuiTypographySize12":"se-DYs","uuiTypographySize14":"z-7jfN","uuiTypographySize16":"_1UOISi","titleWrapper":"HoBZXF","textWrapper":"JiUgOj"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
@@ -2008,7 +2118,7 @@ function FilterPickerBody(_a) {
     return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_b = props.showSearch) !== null && _b !== void 0 ? _b : true }), rows);
 }
 
-var css$J = {"container":"_6fZOnv"};
+var css$J = {"container":"kBXDGa"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2145,8 +2255,11 @@ const uuiHeader = {
     navIconRight: 'uui-datepickerheader-nav-icon-right',
     navIconLeft: 'uui-datepickerheader-nav-icon-left',
 };
-const isSoberYear = (value) => {
-    return value.year() >= 1990 && value.year() <= 2099;
+const MIN_SOBER_YEAR = 1000;
+const MAX_SOBER_YEAR = 2200;
+const isYearWithinSoberRange = (value) => {
+    const year = value.year();
+    return year >= MIN_SOBER_YEAR && year <= MAX_SOBER_YEAR;
 };
 function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, onValueChange, }) {
     const onSetMonth = (newMonth) => {
@@ -2208,8 +2321,8 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             : '';
         return `${monthSubstr} ${month.year()}`;
     }, [view, month]);
-    const disablePrev = view === 'YEAR_SELECTION' && !isSoberYear(getPrevYearsList(month));
-    const disableNext = view === 'YEAR_SELECTION' && !isSoberYear(getNextYearsList(month));
+    const disablePrev = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getPrevYearsList(month));
+    const disableNext = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getNextYearsList(month));
     return (React__namespace.createElement("div", { className: cx__default.default(css$J.container, uuiHeader.container, cx__default.default) },
         React__namespace.createElement("header", { className: uuiHeader.header },
             React__namespace.createElement(Button, { icon: navIconLeft || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: () => onLeftNavigationArrow(), isDisabled: disablePrev }),
@@ -2217,14 +2330,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React__namespace.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow(), isDisabled: disableNext }))));
 }
 
-var css$I = {"uui-typography":"zQDHvx","hero-header":"_657f0L","promo-header":"XooKcy","uui-critical":"IDVBg-","uui-info":"_3itZRX","uui-success":"iuOGFe","uui-warning":"sgEFhS","uui-highlight":"_1VBFun","uui-typography-size-12":"AK2dpo","uui-typography-size-14":"nEvuVq","uui-typography-size-16":"l5id5e","root":"upgjrV","uuiTypography":"zQDHvx","heroHeader":"_657f0L","promoHeader":"XooKcy","uuiCritical":"IDVBg-","uuiInfo":"_3itZRX","uuiSuccess":"iuOGFe","uuiWarning":"sgEFhS","uuiHighlight":"_1VBFun","uuiTypographySize12":"AK2dpo","uuiTypographySize14":"nEvuVq","uuiTypographySize16":"l5id5e"};
+var css$I = {"uui-typography":"EiQ8mi","hero-header":"m65UJN","promo-header":"_6Ji2yb","uui-critical":"iDpXc-","uui-info":"iAv2V0","uui-success":"nLi-yl","uui-warning":"oevfLx","uui-highlight":"aub-If","uui-typography-size-12":"oIwc5O","uui-typography-size-14":"YQWmot","uui-typography-size-16":"v-NICB","root":"ZngzAA","uuiTypography":"EiQ8mi","heroHeader":"m65UJN","promoHeader":"_6Ji2yb","uuiCritical":"iDpXc-","uuiInfo":"iAv2V0","uuiSuccess":"nLi-yl","uuiWarning":"oevfLx","uuiHighlight":"aub-If","uuiTypographySize12":"oIwc5O","uuiTypographySize14":"YQWmot","uuiTypographySize16":"v-NICB"};
 
 function applyDateSelectionMods() {
     return [css$I.root];
 }
 const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
 
-var css$H = {"uui-typography":"w5fXCx","hero-header":"-IE4S6","promo-header":"FHr-LX","uui-critical":"_8FwaqT","uui-info":"RW31KC","uui-success":"QACM4p","uui-warning":"FuzjWb","uui-highlight":"uwbHEX","uui-typography-size-12":"wqnU2S","uui-typography-size-14":"QBj-Qn","uui-typography-size-16":"tXZnWB","root":"rzTQhi","uuiTypography":"w5fXCx","heroHeader":"-IE4S6","promoHeader":"FHr-LX","uuiCritical":"_8FwaqT","uuiInfo":"RW31KC","uuiSuccess":"QACM4p","uuiWarning":"FuzjWb","uuiHighlight":"uwbHEX","uuiTypographySize12":"wqnU2S","uuiTypographySize14":"QBj-Qn","uuiTypographySize16":"tXZnWB"};
+var css$H = {"uui-typography":"w-1SFF","hero-header":"S6aBwM","promo-header":"e-ePzV","uui-critical":"MpdRZT","uui-info":"vIu0hw","uui-success":"fHooxB","uui-warning":"w7luOz","uui-highlight":"SPu0q0","uui-typography-size-12":"QHlERv","uui-typography-size-14":"bU7kxR","uui-typography-size-16":"CB9WN7","root":"PCen2D","uuiTypography":"w-1SFF","heroHeader":"S6aBwM","promoHeader":"e-ePzV","uuiCritical":"MpdRZT","uuiInfo":"vIu0hw","uuiSuccess":"fHooxB","uuiWarning":"w7luOz","uuiHighlight":"SPu0q0","uuiTypographySize12":"QHlERv","uuiTypographySize14":"bU7kxR","uuiTypographySize16":"CB9WN7"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepickerBody-wrapper',
@@ -2312,7 +2425,7 @@ function FilterDatePickerBody(props) {
                     } })))));
 }
 
-var css$G = {"uui-typography":"lcxKRM","hero-header":"kXsrJ6","promo-header":"Bi2aec","uui-critical":"GIrFzb","uui-info":"tZwrg-","uui-success":"iaDn9w","uui-warning":"OkHx5R","uui-highlight":"j-j5VJ","uui-typography-size-12":"ZnICKl","uui-typography-size-14":"u7U6w6","uui-typography-size-16":"oMWvx2","dropdown-container":"UZZlBs","date-input":"_4G-v-v","size-24":"k9twRf","size-30":"CmzpfG","size-36":"Grpu2v","size-42":"I3M9tr","size-48":"UArMOU","date-input-group":"YOLKyI","separator":"L9rqoY","mode-form":"g9Nhaz","mode-cell":"rFYWEB","uuiTypography":"lcxKRM","heroHeader":"kXsrJ6","promoHeader":"Bi2aec","uuiCritical":"GIrFzb","uuiInfo":"tZwrg-","uuiSuccess":"iaDn9w","uuiWarning":"OkHx5R","uuiHighlight":"j-j5VJ","uuiTypographySize12":"ZnICKl","uuiTypographySize14":"u7U6w6","uuiTypographySize16":"oMWvx2","dropdownContainer":"UZZlBs","dateInput":"_4G-v-v","size24":"k9twRf","size30":"CmzpfG","size36":"Grpu2v","size42":"I3M9tr","size48":"UArMOU","dateInputGroup":"YOLKyI","modeForm":"g9Nhaz","modeCell":"rFYWEB"};
+var css$G = {"uui-typography":"-vnZBr","hero-header":"D4bd5o","promo-header":"ZY0wtV","uui-critical":"B4k8Ho","uui-info":"insUR-","uui-success":"ESj5yg","uui-warning":"ZK4H-p","uui-highlight":"wav9pl","uui-typography-size-12":"VDlPFO","uui-typography-size-14":"FsK4j9","uui-typography-size-16":"yaPhw8","dropdown-container":"noXwuN","date-input":"gtSZsK","date-input-group":"_2YzdEV","separator":"OrYXiL","mode-form":"ixlQDt","mode-cell":"f7Pzcv","uuiTypography":"-vnZBr","heroHeader":"D4bd5o","promoHeader":"ZY0wtV","uuiCritical":"B4k8Ho","uuiInfo":"insUR-","uuiSuccess":"ESj5yg","uuiWarning":"ZK4H-p","uuiHighlight":"wav9pl","uuiTypographySize12":"VDlPFO","uuiTypographySize14":"FsK4j9","uuiTypographySize16":"yaPhw8","dropdownContainer":"noXwuN","dateInput":"gtSZsK","dateInputGroup":"_2YzdEV","modeForm":"ixlQDt","modeCell":"f7Pzcv"};
 
 const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onBlur, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
@@ -2338,14 +2451,14 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
         }
     };
     const clearAllowed = !disableClear && inputValue.from && inputValue.to;
-    return (React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(classes, css$G.dateInputGroup, isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus), onClick: (event) => {
+    return (React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(classes, css$G.dateInputGroup, 'uui-range-date-picker', isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus), onClick: (event) => {
             if (!isDisabled) {
                 onClick === null || onClick === void 0 ? void 0 : onClick(event);
             }
         }, onBlur: onBlur },
-        React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$G.dateInput, css$G['size-' + (size || 36)], inFocus === 'from' && uuiCore.uuiMod.focus), size: size || '36', placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, id: id }),
+        React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$G.dateInput, inFocus === 'from' && uuiCore.uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, id: id }),
         React__namespace.default.createElement("div", { className: css$G.separator }),
-        React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$G.dateInput, css$G['size-' + (size || 36)], inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || '36', value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
+        React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$G.dateInput, inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
                 onValueChange(defaultRangeValue);
             } : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.to })));
 });
@@ -2403,7 +2516,7 @@ function FilterRangeDatePickerBody(props) {
                 React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$F = {"container":"WaWKkZ"};
+var css$F = {"container":"RSiQN-"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -2438,12 +2551,12 @@ function FilterNumericBody(props) {
         const clearSelection = () => {
             if (isInRangePredicate) {
                 props.onValueChange({
-                    from: null,
-                    to: null,
+                    from: undefined,
+                    to: undefined,
                 });
             }
             else {
-                props.onValueChange(null);
+                props.onValueChange(undefined);
             }
         };
         const isClearDisabled = typeof props.value !== 'number' && typeof props.value !== 'object';
@@ -2488,7 +2601,7 @@ function FilterItemBody(props) {
 
 var _path$r;
 function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
-var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
+var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -2496,14 +2609,12 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    d: "M7 21c-1.1 0-2-.9-2-2V8h14v11c0 1.1-.9 2-2 2H7zm8-17h5v2H4V4h5V3h6v1zM9.4 18.5l2.6-2.6 2.6 2.6 1.4-1.4-2.6-2.6 2.6-2.6-1.4-1.4-2.6 2.6-2.6-2.6L8 11.9l2.6 2.6L8 17.1l1.4 1.4z",
-    clipRule: "evenodd"
+    d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
   })));
 };
-var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgActionDeleteForeverFill);
+var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
 
-var css$E = {"uui-typography":"_4evYd2","hero-header":"_8wPeDY","promo-header":"tA4ccU","uui-critical":"XwalNm","uui-info":"bxgywW","uui-success":"BPv-et","uui-warning":"V1BKej","uui-highlight":"bct6Jj","uui-typography-size-12":"P6erVZ","uui-typography-size-14":"_45pvig","uui-typography-size-16":"VHORO1","header":"G2x52-","removeButton":"rsj20L","with-search":"l9atMw","uuiTypography":"_4evYd2","heroHeader":"_8wPeDY","promoHeader":"tA4ccU","uuiCritical":"XwalNm","uuiInfo":"bxgywW","uuiSuccess":"BPv-et","uuiWarning":"V1BKej","uuiHighlight":"bct6Jj","uuiTypographySize12":"P6erVZ","uuiTypographySize14":"_45pvig","uuiTypographySize16":"VHORO1","withSearch":"l9atMw"};
+var css$E = {"uui-typography":"SFtr1J","hero-header":"rKOb7I","promo-header":"ITW7Ib","uui-critical":"_1roR0-","uui-info":"_9Xjjyw","uui-success":"ZSfV9D","uui-warning":"SKk64E","uui-highlight":"_1HBEtv","uui-typography-size-12":"uDbeHv","uui-typography-size-14":"tNENv0","uui-typography-size-16":"CvBNPh","header":"utKpZr","removeButton":"STYzHu","with-search":"uu6-Ub","uuiTypography":"SFtr1J","heroHeader":"rKOb7I","promoHeader":"ITW7Ib","uuiCritical":"_1roR0-","uuiInfo":"_9Xjjyw","uuiSuccess":"ZSfV9D","uuiWarning":"SKk64E","uuiHighlight":"_1HBEtv","uuiTypographySize12":"uDbeHv","uuiTypographySize14":"tNENv0","uuiTypographySize16":"CvBNPh","withSearch":"uu6-Ub"};
 
 function useView(props, value) {
     const forceUpdate = uuiCore.useForceUpdate();
@@ -2825,7 +2936,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
 
-var css$D = {"divider":"-VU1jB","dropdownDeleteIcon":"dhlpHc","presetsWrapper":"M-xZyc","addPresetContainer":"_5mV3fS","dropContainer":"RL6Fpf"};
+var css$D = {"divider":"_2-N2Ud","dropdownDeleteIcon":"-MAF1v","presetsWrapper":"RwCFvS","addPresetContainer":"ubV2v5","dropContainer":"P9-Q1A"};
 
 var _path$p;
 function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
@@ -2938,22 +3049,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgContentLinkOutline);
 
-var _path$i;
-function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
-var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    ref: ref
-  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
-  })));
-};
-var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
-
-var css$C = {"delete-button":"V609Tt","tab-button":"fzjDwT","targetOpen":"FRmgAg","deleteButton":"V609Tt","tabButton":"fzjDwT"};
+var css$C = {"delete-button":"_7ZPQxf","tab-button":"NCgEKF","targetOpen":"rJLp4f","deleteButton":"_7ZPQxf","tabButton":"NCgEKF"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = uuiCore.useUuiContext();
@@ -3003,7 +3099,7 @@ function PresetActionsDropdown(props) {
             React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-copyLink`, icon: ForwardRef$j, caption: "Copy Link", onClick: copyUrlToClipboard }),
             !isReadonlyPreset && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
                 React__namespace.default.createElement(DropdownMenuSplitter, { key: "delete-splitter" }),
-                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$i, caption: "Delete", cx: css$C.deleteButton, onClick: deleteHandler })))));
+                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$r, caption: "Delete", cx: css$C.deleteButton, onClick: deleteHandler })))));
     };
     const renderTarget = React.useCallback((dropdownProps) => {
         return (React__namespace.default.createElement(IconButton, Object.assign({ cx: [css$C.tabButton, dropdownProps.isOpen && css$C.targetOpen], color: props.preset.id === props.activePresetId ? 'primary' : 'neutral' }, dropdownProps, { icon: ForwardRef$p, size: "18" })));
@@ -3011,7 +3107,7 @@ function PresetActionsDropdown(props) {
     return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
 
-var css$B = {"preset-input-cell":"JlR-IO","preset-input":"q-LReA","presetInputCell":"JlR-IO","presetInput":"q-LReA"};
+var css$B = {"preset-input-cell":"SAFzTB","preset-input":"RcS48x","presetInputCell":"SAFzTB","presetInput":"RcS48x"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -3044,7 +3140,7 @@ function PresetInput(props) {
         React__namespace.default.createElement(TextInput, { cx: css$B.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$A = {"preset":"_8gnk0c","activePreset":"LEXI0w"};
+var css$A = {"preset":"_8lmx0S","activePreset":"Jc0CVO"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = React.useState(false);
@@ -3065,6 +3161,23 @@ function Preset(props) {
     return (React__namespace.default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__namespace.default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__namespace.default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$A.preset, isPresetActive && css$A.activePreset, UUI_PRESETS_PANEL_PRESET], size: "60", withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: () => React__namespace.default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
+var _path$i;
+function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
+var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    ref: ref
+  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7 21c-1.1 0-2-.9-2-2V8h14v11c0 1.1-.9 2-2 2H7zm8-17h5v2H4V4h5V3h6v1zM9.4 18.5l2.6-2.6 2.6 2.6 1.4-1.4-2.6-2.6 2.6-2.6-1.4-1.4-2.6 2.6-2.6-2.6L8 11.9l2.6 2.6L8 17.1l1.4 1.4z",
+    clipRule: "evenodd"
+  })));
+};
+var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteForeverFill);
+
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = React.useState(false);
     const setAddingPreset = React.useCallback(() => {
@@ -3087,7 +3200,7 @@ function PresetsPanel(props) {
         return (React__namespace.default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__namespace.default.createElement(FlexRow, null,
                 React__namespace.default.createElement("div", { className: css$D.divider }),
                 React__namespace.default.createElement(Button, Object.assign({ cx: UUI_PRESETS_PANEL_MORE_BUTTON, fill: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: (propsBody) => (React__namespace.default.createElement(DropdownMenuBody, Object.assign({ minWidth: 230 }, propsBody),
-                React__namespace.default.createElement(uuiComponents.ScrollBars, null, hiddenItems.map((hiddenItem) => (React__namespace.default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$r, iconPosition: "right", cx: css$D.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
+                React__namespace.default.createElement(uuiComponents.ScrollBars, null, hiddenItems.map((hiddenItem) => (React__namespace.default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$i, iconPosition: "right", cx: css$D.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
     };
     const getPresetPriority = (preset, index) => {
         return preset.id === props.activePresetId ? 100499 : 1000 - index;
@@ -3146,25 +3259,16 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$z = {"line-height-12":"PCNWs-","line-height-18":"pvW8l5","line-height-24":"_0sP0Jj","line-height-30":"x0swjy","font-size-10":"Rf8QyL","font-size-12":"caqImT","font-size-14":"UiNd6h","font-size-16":"T348EX","font-size-18":"mSTko5","font-size-24":"zX217r","v-padding-2":"pR9KOj","v-padding-3":"PE6cSm","v-padding-5":"_47nwCd","v-padding-6":"IbAmtw","v-padding-8":"_7kKjqa","v-padding-9":"J-PY5X","v-padding-11":"_4n3jmS","v-padding-12":"_36hC7Y","v-padding-14":"L08Us9","v-padding-15":"EauJ-Z","v-padding-17":"EU1Ne8","v-padding-18":"OwGnKR","v-padding-23":"z1vLhh","v-padding-24":"hrMK5N","lineHeight12":"PCNWs-","lineHeight18":"pvW8l5","lineHeight24":"_0sP0Jj","lineHeight30":"x0swjy","fontSize10":"Rf8QyL","fontSize12":"caqImT","fontSize14":"UiNd6h","fontSize16":"T348EX","fontSize18":"mSTko5","fontSize24":"zX217r","vPadding2":"pR9KOj","vPadding3":"PE6cSm","vPadding5":"_47nwCd","vPadding6":"IbAmtw","vPadding8":"_7kKjqa","vPadding9":"J-PY5X","vPadding11":"_4n3jmS","vPadding12":"_36hC7Y","vPadding14":"L08Us9","vPadding15":"EauJ-Z","vPadding17":"EU1Ne8","vPadding18":"OwGnKR","vPadding23":"z1vLhh","vPadding24":"hrMK5N"};
+var css$z = {"line-height-12":"ud-HOg","line-height-18":"_4kRwTR","line-height-24":"vliAAP","line-height-30":"r2WDnw","font-size-10":"xeVlID","font-size-12":"LtsZS-","font-size-14":"_2jaE6x","font-size-16":"_9aOtWt","font-size-18":"-EfYQ9","font-size-24":"-SqyX5","v-padding-2":"Xwpxy3","v-padding-3":"IPrJn3","v-padding-5":"siQlcC","v-padding-6":"UMlnnB","v-padding-8":"ugGPuw","v-padding-9":"-uQXDR","v-padding-11":"Btp2Qr","v-padding-12":"lK4tSE","v-padding-14":"yuKktG","v-padding-15":"M2rae2","v-padding-17":"MTZU9u","v-padding-18":"s8MhSC","v-padding-23":"VQ5QVZ","v-padding-24":"SEsNzP","lineHeight12":"ud-HOg","lineHeight18":"_4kRwTR","lineHeight24":"vliAAP","lineHeight30":"r2WDnw","fontSize10":"xeVlID","fontSize12":"LtsZS-","fontSize14":"_2jaE6x","fontSize16":"_9aOtWt","fontSize18":"-EfYQ9","fontSize24":"-SqyX5","vPadding2":"Xwpxy3","vPadding3":"IPrJn3","vPadding5":"siQlcC","vPadding6":"UMlnnB","vPadding8":"ugGPuw","vPadding9":"-uQXDR","vPadding11":"Btp2Qr","vPadding12":"lK4tSE","vPadding14":"yuKktG","vPadding15":"M2rae2","vPadding17":"MTZU9u","vPadding18":"s8MhSC","vPadding23":"VQ5QVZ","vPadding24":"SEsNzP"};
 
-const defaultTextSettings = {
-    18: { lineHeight: 12, fontSize: 10 },
-    24: { lineHeight: 18, fontSize: 12 },
-    30: { lineHeight: 18, fontSize: 14 },
-    36: { lineHeight: 18, fontSize: 14 },
-    42: { lineHeight: 24, fontSize: 16 },
-    48: { lineHeight: 24, fontSize: 16 },
-    60: { lineHeight: 30, fontSize: 24 },
-};
 function getTextClasses(props, border) {
     if (props.size === 'none') {
         return [css$z['line-height-' + props.lineHeight], css$z['font-size-' + props.fontSize]];
     }
     const setting = {
         size: props.size,
-        lineHeight: props.lineHeight || defaultTextSettings[props.size].lineHeight,
-        fontSize: props.fontSize || defaultTextSettings[props.size].fontSize,
+        lineHeight: props.lineHeight || settings.sizes.text[props.size].lineHeight,
+        fontSize: props.fontSize || settings.sizes.text[props.size].fontSize,
     };
     const vPadding = (+setting.size - +setting.lineHeight - (border ? 2 : 0)) / 2;
     return [
@@ -3172,11 +3276,11 @@ function getTextClasses(props, border) {
     ];
 }
 
-var css$y = {"root":"LKdhpo"};
+var css$y = {"root":"_9gA-ki"};
 
 function applyTextMods(mods) {
     const textClasses = getTextClasses({
-        size: mods.size || '36',
+        size: mods.size || settings.sizes.defaults.text,
         lineHeight: mods.lineHeight,
         fontSize: mods.fontSize,
     }, false);
@@ -3191,7 +3295,7 @@ function applyTextMods(mods) {
 }
 const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods);
 
-var css$x = {"root":"WUCsoD","loading-word":"djHAUL","animated-loading":"pL15Q4","skeleton_loading":"g4yk-G","loadingWord":"djHAUL","animatedLoading":"pL15Q4","skeletonLoading":"g4yk-G"};
+var css$x = {"root":"K5ECnq","loading-word":"-R-OMb","animated-loading":"DBS1Bm","skeleton_loading":"UrG3UG","loadingWord":"-R-OMb","animatedLoading":"DBS1Bm","skeletonLoading":"UrG3UG"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -3210,7 +3314,7 @@ const TextPlaceholder = (props) => {
 
 const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
 
-var css$w = {"uui-typography":"NCOA-N","hero-header":"lou10l","promo-header":"IrlxKK","uui-critical":"MarD0C","uui-info":"CwmxoD","uui-success":"TFMHpe","uui-warning":"_5eiXZc","uui-highlight":"_2mBH1X","uui-typography-size-12":"YhN27r","uui-typography-size-14":"e4Lbaw","uui-typography-size-16":"_7xN4W9","root":"Z2mlOa","modal-blocker":"ktZo3f","animateModalBlocker":"fVjz4W","modal":"JsMcS0","modal-footer":"anVEFI","modal-header":"g7V3WS","uuiTypography":"NCOA-N","heroHeader":"lou10l","promoHeader":"IrlxKK","uuiCritical":"MarD0C","uuiInfo":"CwmxoD","uuiSuccess":"TFMHpe","uuiWarning":"_5eiXZc","uuiHighlight":"_2mBH1X","uuiTypographySize12":"YhN27r","uuiTypographySize14":"e4Lbaw","uuiTypographySize16":"_7xN4W9","modalBlocker":"ktZo3f","modalFooter":"anVEFI","modalHeader":"g7V3WS"};
+var css$w = {"uui-typography":"WgDtEV","hero-header":"zEzH9N","promo-header":"_3oS8xV","uui-critical":"_86nf-3","uui-info":"gfPvFC","uui-success":"xTAvS0","uui-warning":"S08z3W","uui-highlight":"_04xNhE","uui-typography-size-12":"NtAWm-","uui-typography-size-14":"t3Ge--","uui-typography-size-16":"_1RzvDv","root":"W-NRs8","modal-blocker":"COQEwx","animateModalBlocker":"DDNB0Q","modal":"SADQMi","modal-footer":"dzoI39","modal-header":"QZVlQO","uuiTypography":"WgDtEV","heroHeader":"zEzH9N","promoHeader":"_3oS8xV","uuiCritical":"_86nf-3","uuiInfo":"gfPvFC","uuiSuccess":"xTAvS0","uuiWarning":"S08z3W","uuiHighlight":"_04xNhE","uuiTypographySize12":"NtAWm-","uuiTypographySize14":"t3Ge--","uuiTypographySize16":"_1RzvDv","modalBlocker":"COQEwx","modalFooter":"dzoI39","modalHeader":"QZVlQO"};
 
 const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$w.modalBlocker]);
 const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$w.root, css$w.modal], (props) => {
@@ -3229,19 +3333,19 @@ const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, (
             maxHeight }),
     };
 });
-class ModalHeader extends React__namespace.Component {
+class ModalHeader extends React__namespace.default.Component {
     render() {
-        return (React__namespace.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: "12", borderBottom: this.props.borderBottom, cx: [css$w.root, css$w.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
-            this.props.title && (React__namespace.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
+        return (React__namespace.default.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: "12", borderBottom: this.props.borderBottom, cx: [css$w.root, css$w.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
+            this.props.title && (React__namespace.default.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
             this.props.children,
-            this.props.onClose && React__namespace.createElement(uuiComponents.FlexSpacer, null),
-            this.props.onClose && (React__namespace.createElement(FlexCell, { shrink: 0, width: "auto" },
-                React__namespace.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$Q, onClick: this.props.onClose })))));
+            this.props.onClose && React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
+            this.props.onClose && (React__namespace.default.createElement(FlexCell, { shrink: 0, width: "auto" },
+                React__namespace.default.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$Q, onClick: this.props.onClose })))));
     }
 }
-class ModalFooter extends React__namespace.Component {
+class ModalFooter extends React__namespace.default.Component {
     render() {
-        return (React__namespace.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
+        return (React__namespace.default.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
                 css$w.root,
                 css$w.modalFooter,
                 this.props.cx,
@@ -3264,7 +3368,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
 };
 var ForwardRef$h = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill);
 
-var css$v = {"uui-typography":"afcoWr","hero-header":"_92QbMf","promo-header":"_3RNkok","uui-critical":"wzGtmy","uui-info":"Zxbk5E","uui-success":"e7Ef6Z","uui-warning":"_5QK9Jo","uui-highlight":"qD9HwM","uui-typography-size-12":"GcZfav","uui-typography-size-14":"T8RQlX","uui-typography-size-16":"m1xzue","root":"OhpMlk","icon-wrapper":"Rqt6V6","action-wrapper":"BA7kDv","action-link":"_48idh-","close-icon":"fLL22H","main-path":"IA81EK","content":"paRNso","close-wrapper":"d8GGV7","notification-wrapper":"PVCz5p","clear-button":"ngsT9Q","uuiTypography":"afcoWr","heroHeader":"_92QbMf","promoHeader":"_3RNkok","uuiCritical":"wzGtmy","uuiInfo":"Zxbk5E","uuiSuccess":"e7Ef6Z","uuiWarning":"_5QK9Jo","uuiHighlight":"qD9HwM","uuiTypographySize12":"GcZfav","uuiTypographySize14":"T8RQlX","uuiTypographySize16":"m1xzue","iconWrapper":"Rqt6V6","actionWrapper":"BA7kDv","actionLink":"_48idh-","closeIcon":"fLL22H","mainPath":"IA81EK","closeWrapper":"d8GGV7","notificationWrapper":"PVCz5p","clearButton":"ngsT9Q"};
+var css$v = {"uui-typography":"-cGIt7","hero-header":"y8LR2D","promo-header":"G-HB-L","uui-critical":"w0AodH","uui-info":"op9PSo","uui-success":"vzMA1r","uui-warning":"hY2CMC","uui-highlight":"NpjBiO","uui-typography-size-12":"H3JD24","uui-typography-size-14":"lgYdhA","uui-typography-size-16":"cuH9jq","root":"s7DgS6","icon-wrapper":"EooIL-","action-wrapper":"BpNNO6","action-link":"niS1KB","close-icon":"wwl4zU","main-path":"fYiDTX","content":"MmHUHL","close-wrapper":"BdpZ2g","notification-wrapper":"EC3ZXe","clear-button":"NtmbkV","uuiTypography":"-cGIt7","heroHeader":"y8LR2D","promoHeader":"G-HB-L","uuiCritical":"w0AodH","uuiInfo":"op9PSo","uuiSuccess":"vzMA1r","uuiWarning":"hY2CMC","uuiHighlight":"NpjBiO","uuiTypographySize12":"H3JD24","uuiTypographySize14":"lgYdhA","uuiTypographySize16":"cuH9jq","iconWrapper":"EooIL-","actionWrapper":"BpNNO6","actionLink":"niS1KB","closeIcon":"wwl4zU","mainPath":"fYiDTX","closeWrapper":"BdpZ2g","notificationWrapper":"EC3ZXe","clearButton":"NtmbkV"};
 
 const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const notificationCardNode = React__namespace.default.useRef(null);
@@ -3340,6 +3444,64 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
+var css$u = {"root":"agUGqW","timepicker-input":"kskzZt","ltr-always":"_5wluER","timepickerInput":"kskzZt","ltrAlways":"_5wluER"};
+
+const uuiTimePicker = {
+    container: 'uui-timepicker-container',
+    iconUp: 'uui-timepicker-icon-up',
+    iconDown: 'uui-timepicker-icon-down',
+    input: 'uui-timepicker-input',
+    elementContainer: 'uui-timepicker-item',
+};
+const MIN_MINUTES = 0;
+const MAX_MINUTES = 59;
+const FORMAT_12H = 12;
+function TimePickerBody(props) {
+    const MIN_HOURS = props.format === FORMAT_12H ? 1 : 0;
+    const MAX_HOURS = props.format || FORMAT_12H;
+    const setValue = (newTime) => {
+        props.onValueChange({ hours: newTime.hour(), minutes: newTime.minute() });
+    };
+    const onHoursChange = (newHours) => {
+        setValue(uuiDayjs.dayjs().set(props.value).hour(newHours));
+    };
+    const onMinutesChange = (newMinutes) => {
+        setValue(uuiDayjs.dayjs().set(props.value).minute(newMinutes));
+    };
+    const onTimeTypeChange = () => {
+        setValue(uuiDayjs.dayjs().set(props.value).add(12, 'h'));
+    };
+    const handleMinutesUpClick = () => {
+        const minutesStep = props.minutesStep || 5;
+        const value = uuiDayjs.dayjs().set(props.value);
+        const minutesToAdd = minutesStep - (value.minute() % minutesStep);
+        onMinutesChange(value.add(minutesToAdd, 'm').minute());
+    };
+    const handleMinutesDownClick = () => {
+        const minutesStep = props.minutesStep || 5;
+        const value = uuiDayjs.dayjs().set(props.value);
+        const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
+        onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
+    };
+    return (React__namespace.createElement("div", Object.assign({ className: uuiCore.cx(css$u.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
+        React__namespace.createElement("div", { className: css$u.ltrAlways },
+            React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
+                React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
+                React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
+                        .set(props.value)
+                        .format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
+                React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).subtract(1, 'h').hour()) })),
+            React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
+                React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
+                React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
+                React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick }))),
+        MAX_HOURS === FORMAT_12H && (React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
+            React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
+            React__namespace.createElement(uuiComponents.TextInput, { cx: uuiTimePicker.input, onValueChange: () => {
+                }, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
+            React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
+}
+
 const getMeridian = (newValue, format) => {
     if (format === 'hh:mm A') {
         if (newValue.toLowerCase().includes('p') && newValue.toLowerCase().includes('a')) {
@@ -3386,8 +3548,6 @@ const formatTime = (hours, minutes, meridian, format) => {
     return meridianResult ? time.concat(` ${meridianResult}`) : time;
 };
 
-var css$u = {"root":"_1a2pjz","timepicker-input":"skdcbb","timepickerInput":"skdcbb"};
-
 const DEFAULT_MODE = EditMode.FORM;
 const valueToTimeString = (value, format) => {
     if (value === null)
@@ -3477,62 +3637,7 @@ function TimePicker(props) {
     return (React__namespace.default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
 }
 
-const uuiTimePicker = {
-    container: 'uui-timepicker-container',
-    iconUp: 'uui-timepicker-icon-up',
-    iconDown: 'uui-timepicker-icon-down',
-    input: 'uui-timepicker-input',
-    elementContainer: 'uui-timepicker-item',
-};
-const MIN_MINUTES = 0;
-const MAX_MINUTES = 59;
-const FORMAT_12H = 12;
-function TimePickerBody(props) {
-    const MIN_HOURS = props.format === FORMAT_12H ? 1 : 0;
-    const MAX_HOURS = props.format || FORMAT_12H;
-    const setValue = (newTime) => {
-        props.onValueChange({ hours: newTime.hour(), minutes: newTime.minute() });
-    };
-    const onHoursChange = (newHours) => {
-        setValue(uuiDayjs.dayjs().set(props.value).hour(newHours));
-    };
-    const onMinutesChange = (newMinutes) => {
-        setValue(uuiDayjs.dayjs().set(props.value).minute(newMinutes));
-    };
-    const onTimeTypeChange = () => {
-        setValue(uuiDayjs.dayjs().set(props.value).add(12, 'h'));
-    };
-    const handleMinutesUpClick = () => {
-        const minutesStep = props.minutesStep || 5;
-        const value = uuiDayjs.dayjs().set(props.value);
-        const minutesToAdd = minutesStep - (value.minute() % minutesStep);
-        onMinutesChange(value.add(minutesToAdd, 'm').minute());
-    };
-    const handleMinutesDownClick = () => {
-        const minutesStep = props.minutesStep || 5;
-        const value = uuiDayjs.dayjs().set(props.value);
-        const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
-        onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
-    };
-    return (React__namespace.createElement("div", Object.assign({ className: uuiCore.cx(css$u.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
-        React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
-            React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
-            React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
-                    .set(props.value)
-                    .format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
-            React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).subtract(1, 'h').hour()) })),
-        React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
-            React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
-            React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
-            React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick })),
-        MAX_HOURS === FORMAT_12H && (React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
-            React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
-            React__namespace.createElement(uuiComponents.TextInput, { cx: uuiTimePicker.input, onValueChange: () => {
-                }, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
-            React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
-}
-
-var css$t = {"root":"_1tTUIl"};
+var css$t = {"root":"-I3YAi"};
 
 function applyInputAddonMods() {
     return [
@@ -3541,7 +3646,7 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
 
-var css$s = {"root":"_0gQFBI"};
+var css$s = {"root":"jtf61t"};
 
 function applySliderMods() {
     return [css$s.root, 'uui-color-neutral'];
@@ -3595,7 +3700,7 @@ function DatePickerComponent(props, ref) {
         const allowClear = !props.disableClear && !!inputValue;
         return (React__namespace.default.createElement(TextInput, Object.assign({}, renderProps, { 
             // fixes a bug with body open, it skips unwanted prevent default
-            onClick: () => { }, isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || '36', value: inputValue || undefined, onValueChange: (v) => {
+            onClick: () => { }, isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || settings.sizes.defaults.datePicker, value: inputValue || undefined, onValueChange: (v) => {
                 setInputValue(v || '');
             }, onCancel: allowClear ? () => {
                 if (!props.disableClear && !!inputValue) {
@@ -3624,14 +3729,14 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
 
-var css$r = {"uui-typography":"y7jRm8","hero-header":"ca2fbo","promo-header":"v1hKUU","uui-critical":"lvhrLB","uui-info":"_3-Ea0z","uui-success":"Her1Yq","uui-warning":"mLoZpB","uui-highlight":"wTGSwk","uui-typography-size-12":"JXmyAd","uui-typography-size-14":"_1Moq2a","uui-typography-size-16":"_0CeObo","root":"uVnbvZ","uuiTypography":"y7jRm8","heroHeader":"ca2fbo","promoHeader":"v1hKUU","uuiCritical":"lvhrLB","uuiInfo":"_3-Ea0z","uuiSuccess":"Her1Yq","uuiWarning":"mLoZpB","uuiHighlight":"wTGSwk","uuiTypographySize12":"JXmyAd","uuiTypographySize14":"_1Moq2a","uuiTypographySize16":"_0CeObo"};
+var css$r = {"uui-typography":"JI0Bp6","hero-header":"Y84ldz","promo-header":"NQyNK3","uui-critical":"-kBJYd","uui-info":"tkLac1","uui-success":"OLdUUu","uui-warning":"aXVZN1","uui-highlight":"xvvb3a","uui-typography-size-12":"VCPJhs","uui-typography-size-14":"O3KxOz","uui-typography-size-16":"e5F-uj","root":"bBgGt9","uuiTypography":"JI0Bp6","heroHeader":"Y84ldz","promoHeader":"NQyNK3","uuiCritical":"-kBJYd","uuiInfo":"tkLac1","uuiSuccess":"OLdUUu","uuiWarning":"aXVZN1","uuiHighlight":"xvvb3a","uuiTypographySize12":"VCPJhs","uuiTypographySize14":"O3KxOz","uuiTypographySize16":"e5F-uj"};
 
 function applyCalendarPresetsMods() {
     return [css$r.root];
 }
 const CalendarPresets = /* @__PURE__ */uuiCore.withMods(uuiComponents.CalendarPresets, applyCalendarPresetsMods, () => ({}));
 
-var css$q = {"uui-typography":"-YX9MR","hero-header":"yj5y-G","promo-header":"KtUYQQ","uui-critical":"WwY6-R","uui-info":"FinH6N","uui-success":"CP0-oK","uui-warning":"wnaMwh","uui-highlight":"yBW8gG","uui-typography-size-12":"Kwj9SW","uui-typography-size-14":"lPxa2P","uui-typography-size-16":"_14I6PW","root":"DAZiTx","container":"-VzZpM","day-selection":"_0u635d","from-picker":"_2g59AE","to-picker":"-fIYbu","bodes-wrapper":"w-uH6i","blocker":"_6G9kLj","uuiTypography":"-YX9MR","heroHeader":"yj5y-G","promoHeader":"KtUYQQ","uuiCritical":"WwY6-R","uuiInfo":"FinH6N","uuiSuccess":"CP0-oK","uuiWarning":"wnaMwh","uuiHighlight":"yBW8gG","uuiTypographySize12":"Kwj9SW","uuiTypographySize14":"lPxa2P","uuiTypographySize16":"_14I6PW","daySelection":"_0u635d","fromPicker":"_2g59AE","toPicker":"-fIYbu","bodesWrapper":"w-uH6i"};
+var css$q = {"uui-typography":"eNlMIj","hero-header":"g9ZJW7","promo-header":"RtUpVI","uui-critical":"XLJ9E-","uui-info":"evTpit","uui-success":"GWVtVS","uui-warning":"Eyt5HK","uui-highlight":"y6OXua","uui-typography-size-12":"TTQnsj","uui-typography-size-14":"Wa4ezP","uui-typography-size-16":"WKWdaF","root":"GoY5mC","container":"j3JP29","day-selection":"_737rxk","from-picker":"PCn6NO","to-picker":"D7v025","bodes-wrapper":"F7cyx7","blocker":"FRbH-q","uuiTypography":"eNlMIj","heroHeader":"g9ZJW7","promoHeader":"RtUpVI","uuiCritical":"XLJ9E-","uuiInfo":"evTpit","uuiSuccess":"GWVtVS","uuiWarning":"Eyt5HK","uuiHighlight":"y6OXua","uuiTypographySize12":"TTQnsj","uuiTypographySize14":"Wa4ezP","uuiTypographySize16":"WKWdaF","daySelection":"_737rxk","fromPicker":"PCn6NO","toPicker":"D7v025","bodesWrapper":"F7cyx7"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3875,7 +3980,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
 
-var css$p = {"root":"rcAz2x","blocker":"bfTiWy","marker":"D1Uz26","top":"ApwVqC","bottom":"Qdpx27","left":"_6nFVaX","right":"_0G2Tgx","inside":"ZVWVf2"};
+var css$p = {"root":"D5evwH","blocker":"obFiG3","marker":"VS12Y2","top":"tnwoVi","bottom":"C5gvk9","left":"KGZwZn","right":"MagLqI","inside":"_6FmmNa"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3890,7 +3995,7 @@ function DropMarker(props) {
         : null;
 }
 
-var css$o = {"uui-typography":"FX4HUh","hero-header":"vcTtCR","promo-header":"I7uMpY","uui-critical":"ucrS0A","uui-info":"_93xHSc","uui-success":"CgzBnS","uui-warning":"_6Hej-L","uui-highlight":"H2uDL7","uui-typography-size-12":"_9AQWGS","uui-typography-size-14":"iiuGpw","uui-typography-size-16":"mSGCLT","cell":"lfvs2l","wrapper":"-s955d","align-widgets-top":"_6fSb-0","size-24":"Jcvypr","size-30":"z8bth-","size-36":"IJJBAx","size-42":"uMysCG","size-48":"_3b8ya8","size-60":"Hzo87p","align-widgets-center":"V5RV8A","padding-6":"wb9Inw","padding-12":"erH7u-","padding-24":"PpCpwh","padding-left-12":"yGldgJ","padding-left-24":"PvWm4t","padding-right-12":"YqCL1x","padding-right-24":"zDycgN","loading-cell":"mpzzvL","uuiTypography":"FX4HUh","heroHeader":"vcTtCR","promoHeader":"I7uMpY","uuiCritical":"ucrS0A","uuiInfo":"_93xHSc","uuiSuccess":"CgzBnS","uuiWarning":"_6Hej-L","uuiHighlight":"H2uDL7","uuiTypographySize12":"_9AQWGS","uuiTypographySize14":"iiuGpw","uuiTypographySize16":"mSGCLT","alignWidgetsTop":"_6fSb-0","size24":"Jcvypr","size30":"z8bth-","size36":"IJJBAx","size42":"uMysCG","size48":"_3b8ya8","size60":"Hzo87p","alignWidgetsCenter":"V5RV8A","padding6":"wb9Inw","padding12":"erH7u-","padding24":"PpCpwh","paddingLeft12":"yGldgJ","paddingLeft24":"PvWm4t","paddingRight12":"YqCL1x","paddingRight24":"zDycgN","loadingCell":"mpzzvL"};
+var css$o = {"uui-typography":"ajV-m3","hero-header":"PFXe6c","promo-header":"SoO5j8","uui-critical":"PqwiDc","uui-info":"RAaWuJ","uui-success":"bhfSXU","uui-warning":"slDGqa","uui-highlight":"_39n-Vo","uui-typography-size-12":"_05ebg9","uui-typography-size-14":"vxipkM","uui-typography-size-16":"DXhxCk","cell":"qonguS","wrapper":"-gta-j","align-widgets-top":"tfocpk","size-24":"_18DxXy","size-30":"ip6B0h","size-36":"pEKJSF","size-42":"mLzFgG","size-48":"XYS69H","size-60":"M4QP7v","align-widgets-center":"ZDMVwc","padding-6":"d7OaJb","padding-12":"-KRdEg","padding-24":"ENjzA4","padding-left-12":"hJBzlH","padding-left-24":"Gq9xXW","padding-right-12":"K0Gv6a","padding-right-24":"_6ceHXh","loading-cell":"Y67Hoo","uuiTypography":"ajV-m3","heroHeader":"PFXe6c","promoHeader":"SoO5j8","uuiCritical":"PqwiDc","uuiInfo":"RAaWuJ","uuiSuccess":"bhfSXU","uuiWarning":"slDGqa","uuiHighlight":"_39n-Vo","uuiTypographySize12":"_05ebg9","uuiTypographySize14":"vxipkM","uuiTypographySize16":"DXhxCk","alignWidgetsTop":"tfocpk","size24":"_18DxXy","size30":"ip6B0h","size36":"pEKJSF","size42":"mLzFgG","size48":"XYS69H","size60":"M4QP7v","alignWidgetsCenter":"ZDMVwc","padding6":"d7OaJb","padding12":"-KRdEg","padding24":"ENjzA4","paddingLeft12":"hJBzlH","paddingLeft24":"Gq9xXW","paddingRight12":"K0Gv6a","paddingRight24":"_6ceHXh","loadingCell":"Y67Hoo"};
 
 function DataTableCell(props) {
     props = Object.assign({}, props);
@@ -3938,7 +4043,7 @@ function DataTableCell(props) {
     return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
 }
 
-var css$n = {"uui-typography":"uidgjl","hero-header":"cRiFYr","promo-header":"NULVjX","uui-critical":"YRQw7M","uui-info":"_7S781c","uui-success":"kLldcw","uui-warning":"CangXi","uui-highlight":"Sx9Tnm","uui-typography-size-12":"O0type","uui-typography-size-14":"HMJxQ0","uui-typography-size-16":"TOcKuX","root":"fry7PU","size-24":"_2UqnpC","size-30":"i-p5Ik","size-36":"KaVKCU","size-48":"CsYgcr","size-60":"tdbdRe","uuiTypography":"uidgjl","heroHeader":"cRiFYr","promoHeader":"NULVjX","uuiCritical":"YRQw7M","uuiInfo":"_7S781c","uuiSuccess":"kLldcw","uuiWarning":"CangXi","uuiHighlight":"Sx9Tnm","uuiTypographySize12":"O0type","uuiTypographySize14":"HMJxQ0","uuiTypographySize16":"TOcKuX","size24":"_2UqnpC","size30":"i-p5Ik","size36":"KaVKCU","size48":"CsYgcr","size60":"tdbdRe"};
+var css$n = {"uui-typography":"Xp4Myx","hero-header":"MR-c8h","promo-header":"e7-DzO","uui-critical":"_8AhnLy","uui-info":"E2uHD8","uui-success":"xeRqaf","uui-warning":"anzPx-","uui-highlight":"vaUd3q","uui-typography-size-12":"AOg4Dc","uui-typography-size-14":"_0V6rQQ","uui-typography-size-16":"C2iHnt","root":"RAOoZD","size-24":"j2-pAb","size-30":"EtmYTz","size-36":"UD0dfi","size-48":"rJYvQy","size-60":"_7f3n37","uuiTypography":"Xp4Myx","heroHeader":"MR-c8h","promoHeader":"e7-DzO","uuiCritical":"_8AhnLy","uuiInfo":"E2uHD8","uuiSuccess":"xeRqaf","uuiWarning":"anzPx-","uuiHighlight":"vaUd3q","uuiTypographySize12":"AOg4Dc","uuiTypographySize14":"_0V6rQQ","uuiTypographySize16":"C2iHnt","size24":"j2-pAb","size30":"EtmYTz","size36":"UD0dfi","size48":"rJYvQy","size60":"_7f3n37"};
 
 // Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
 // As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
@@ -3954,7 +4059,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
     ];
 }, () => propsMods);
 
-var css$m = {"uui-typography":"TcNA92","hero-header":"A4IM0U","promo-header":"AsCBvy","uui-critical":"ip5sET","uui-info":"yN0GEM","uui-success":"x4i3w1","uui-warning":"_0KdahR","uui-highlight":"d1Wxt1","uui-typography-size-12":"nusfRu","uui-typography-size-14":"Jlb7Em","uui-typography-size-16":"Gk79Rx","sorting-panel-container":"FHvbN8","sort-active":"kvoZKo","uuiTypography":"TcNA92","heroHeader":"A4IM0U","promoHeader":"AsCBvy","uuiCritical":"ip5sET","uuiInfo":"yN0GEM","uuiSuccess":"x4i3w1","uuiWarning":"_0KdahR","uuiHighlight":"d1Wxt1","uuiTypographySize12":"nusfRu","uuiTypographySize14":"Jlb7Em","uuiTypographySize16":"Gk79Rx","sortingPanelContainer":"FHvbN8","sortActive":"kvoZKo"};
+var css$m = {"uui-typography":"jE75pV","hero-header":"Fz01Q7","promo-header":"Nz3AhF","uui-critical":"Z6HpaT","uui-info":"_07XKLx","uui-success":"_44ue2O","uui-warning":"mV9RNY","uui-highlight":"K4-K4G","uui-typography-size-12":"rhF6mO","uui-typography-size-14":"AdklL7","uui-typography-size-16":"fHzeLP","sorting-panel-container":"WnnAGI","sort-active":"_7GCV-q","uuiTypography":"jE75pV","heroHeader":"Fz01Q7","promoHeader":"Nz3AhF","uuiCritical":"Z6HpaT","uuiInfo":"_07XKLx","uuiSuccess":"_44ue2O","uuiWarning":"mV9RNY","uuiHighlight":"K4-K4G","uuiTypographySize12":"rhF6mO","uuiTypographySize14":"AdklL7","uuiTypographySize16":"fHzeLP","sortingPanelContainer":"WnnAGI","sortActive":"_7GCV-q"};
 
 var _path$g;
 function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
@@ -4084,7 +4189,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgNavigationExpandAllOutline);
 
-var css$l = {"uui-typography":"tdc2s6","hero-header":"Wtpo-Q","promo-header":"p3t2z7","uui-critical":"_4MjZdS","uui-info":"E5EIcO","uui-success":"OdXG85","uui-warning":"SYJEsB","uui-highlight":"K-izYO","uui-typography-size-12":"E3jkQx","uui-typography-size-14":"un5W-7","uui-typography-size-16":"rMYyI1","cell":"XR5TIN","column-gap-12":"PCOJqB","caption-wrapper":"pNdFPX","column-gap-24":"aG22b8","first-column-12":"S4anih","last-column-12":"_8qv7b3","first-column-24":"uuIBhH","last-column-24":"MSoK7W","sort-icon":"TIBQDP","dropdown-icon":"VrOwX8","infoIcon":"Hs8OxI","resizable":"FQ-UMs","size-24":"x-U6GW","size-30":"_34yT9R","size-36":"fOiLdp","size-42":"TQimFl","size-48":"p0v7wI","padding-left-24":"qyiOlv","padding-right-24":"_4KLGR2","align-right":"_0dkT91","align-center":"qO4xrV","caption":"ZGItTw","checkbox":"OX-SJ6","icon":"toHKuT","fold-all-icon":"iWQaCs","cell-tooltip":"NQE0Lm","upper-case":"M549H1","font-size-14":"qnFYwm","resize-mark":"g4zi9G","resize-mark-6":"XL3ny8","resize-mark-12":"spMTWX","pinned-right":"v5fF86","draggable":"SQfhV3","ghost":"qJryVm","is-dragged-out":"VnmnnV","dnd-marker-left":"nAm7Q2","dnd-marker-right":"iKDewh","cell-tooltip-wrapper":"_9oJcSl","cell-tooltip-text":"ttGlgo","uuiTypography":"tdc2s6","heroHeader":"Wtpo-Q","promoHeader":"p3t2z7","uuiCritical":"_4MjZdS","uuiInfo":"E5EIcO","uuiSuccess":"OdXG85","uuiWarning":"SYJEsB","uuiHighlight":"K-izYO","uuiTypographySize12":"E3jkQx","uuiTypographySize14":"un5W-7","uuiTypographySize16":"rMYyI1","columnGap12":"PCOJqB","captionWrapper":"pNdFPX","columnGap24":"aG22b8","firstColumn12":"S4anih","lastColumn12":"_8qv7b3","firstColumn24":"uuIBhH","lastColumn24":"MSoK7W","sortIcon":"TIBQDP","dropdownIcon":"VrOwX8","size24":"x-U6GW","size30":"_34yT9R","size36":"fOiLdp","size42":"TQimFl","size48":"p0v7wI","paddingLeft24":"qyiOlv","paddingRight24":"_4KLGR2","alignRight":"_0dkT91","alignCenter":"qO4xrV","foldAllIcon":"iWQaCs","cellTooltip":"NQE0Lm","upperCase":"M549H1","fontSize14":"qnFYwm","resizeMark":"g4zi9G","resizeMark6":"XL3ny8","resizeMark12":"spMTWX","pinnedRight":"v5fF86","isDraggedOut":"VnmnnV","dndMarkerLeft":"nAm7Q2","dndMarkerRight":"iKDewh","cellTooltipWrapper":"_9oJcSl","cellTooltipText":"ttGlgo"};
+var css$l = {"uui-typography":"mqpipH","hero-header":"X4jcCB","promo-header":"_45sEro","uui-critical":"m2XQuD","uui-info":"KDmMkw","uui-success":"F3i2ya","uui-warning":"qjaK5N","uui-highlight":"_84uKtA","uui-typography-size-12":"_1JQPIz","uui-typography-size-14":"RUajDB","uui-typography-size-16":"Mlm1L0","cell":"EAPC9F","column-gap-12":"e97q-P","caption-wrapper":"DC7AVi","column-gap-24":"_6DgO1U","first-column-12":"-X63pS","last-column-12":"_2zdQft","first-column-24":"DI9ZN7","last-column-24":"rvYJ5i","sort-icon":"ZQCFK1","dropdown-icon":"tPuHCb","infoIcon":"rE2Sb7","resizable":"-UUxPI","size-24":"GyueOz","size-30":"WrBFid","size-36":"euKrsQ","size-42":"eBPQRs","size-48":"IfpTht","padding-left-24":"ZPkBt0","padding-right-24":"B2sFur","align-right":"L8L5o1","align-center":"XwvVnY","caption":"_0UsKGo","checkbox":"A2aSBA","icon":"MV4IPc","fold-all-icon":"tVGFRd","cell-tooltip":"JU6W7q","upper-case":"pZXfvY","font-size-14":"lkkETR","resize-mark":"OHc6h3","resize-mark-6":"_44JfyQ","resize-mark-12":"NTjz4K","pinned-right":"_2PXGH9","draggable":"_0SbXba","ghost":"D7SWz9","is-dragged-out":"o2KlkQ","dnd-marker-left":"HePeo6","dnd-marker-right":"JV0puj","cell-tooltip-wrapper":"oNE3JB","cell-tooltip-text":"-QUVHp","uuiTypography":"mqpipH","heroHeader":"X4jcCB","promoHeader":"_45sEro","uuiCritical":"m2XQuD","uuiInfo":"KDmMkw","uuiSuccess":"F3i2ya","uuiWarning":"qjaK5N","uuiHighlight":"_84uKtA","uuiTypographySize12":"_1JQPIz","uuiTypographySize14":"RUajDB","uuiTypographySize16":"Mlm1L0","columnGap12":"e97q-P","captionWrapper":"DC7AVi","columnGap24":"_6DgO1U","firstColumn12":"-X63pS","lastColumn12":"_2zdQft","firstColumn24":"DI9ZN7","lastColumn24":"rvYJ5i","sortIcon":"ZQCFK1","dropdownIcon":"tPuHCb","size24":"GyueOz","size30":"WrBFid","size36":"euKrsQ","size42":"eBPQRs","size48":"IfpTht","paddingLeft24":"ZPkBt0","paddingRight24":"B2sFur","alignRight":"L8L5o1","alignCenter":"XwvVnY","foldAllIcon":"tVGFRd","cellTooltip":"JU6W7q","upperCase":"pZXfvY","fontSize14":"lkkETR","resizeMark":"OHc6h3","resizeMark6":"_44JfyQ","resizeMark12":"NTjz4K","pinnedRight":"_2PXGH9","isDraggedOut":"o2KlkQ","dndMarkerLeft":"HePeo6","dndMarkerRight":"JV0puj","cellTooltipWrapper":"oNE3JB","cellTooltipText":"-QUVHp"};
 
 class DataTableHeaderCell extends React__namespace.Component {
     constructor() {
@@ -4166,14 +4271,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$9 = /*#__PURE__*/React.forwardRef(SvgActionSettingsFill);
 
-var css$k = {"uui-typography":"_5Gdlnl","hero-header":"FnXgPH","promo-header":"iX68gn","uui-critical":"Q0SCWi","uui-info":"R4dieO","uui-success":"cq6ewY","uui-warning":"_541mcF","uui-highlight":"npOONo","uui-typography-size-12":"sgNPF5","uui-typography-size-14":"oLccsS","uui-typography-size-16":"sLxgmX","header-cell":"_0vpF1F","truncate":"_7xYkoF","uuiTypography":"_5Gdlnl","heroHeader":"FnXgPH","promoHeader":"iX68gn","uuiCritical":"Q0SCWi","uuiInfo":"R4dieO","uuiSuccess":"cq6ewY","uuiWarning":"_541mcF","uuiHighlight":"npOONo","uuiTypographySize12":"sgNPF5","uuiTypographySize14":"oLccsS","uuiTypographySize16":"sLxgmX","headerCell":"_0vpF1F"};
+var css$k = {"uui-typography":"cc-PO-","hero-header":"PGh2fg","promo-header":"tU3aRz","uui-critical":"-otB6w","uui-info":"_0ZoG3P","uui-success":"KHOkcI","uui-warning":"OdQ-B4","uui-highlight":"_15WaoJ","uui-typography-size-12":"xQYzpu","uui-typography-size-14":"JVjYFb","uui-typography-size-16":"J04p5j","header-cell":"CEqaRL","truncate":"_-9bJMF","uuiTypography":"cc-PO-","heroHeader":"PGh2fg","promoHeader":"tU3aRz","uuiCritical":"-otB6w","uuiInfo":"_0ZoG3P","uuiSuccess":"KHOkcI","uuiWarning":"OdQ-B4","uuiHighlight":"_15WaoJ","uuiTypographySize12":"xQYzpu","uuiTypographySize14":"JVjYFb","uuiTypographySize16":"J04p5j","headerCell":"CEqaRL"};
 
 const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
     renderCell: (props) => React__namespace.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
     renderConfigButton: () => React__namespace.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: "config-icon", color: "neutral", icon: ForwardRef$9 }),
 }));
 
-var styles$1 = {"uui-typography":"ofBM1-","hero-header":"xocunm","promo-header":"T1eSvY","uui-critical":"X6hW5d","uui-info":"_7BO8ok","uui-success":"v47COk","uui-warning":"_18kIXy","uui-highlight":"QZR0pz","uui-typography-size-12":"kVxCKw","uui-typography-size-14":"ywibJR","uui-typography-size-16":"o-k3u2","main-panel":"Cw776O","group-title":"fiTZXo","group-title-text":"XkOZAY","group-title-badge":"m6hJs1","group-items":"UNUeNA","no-data":"_26NeY1","h-divider":"_3y2-Pg","search-area":"OULjdL","subgroup-accordion":"_5N4KY8","subgroup-title":"hkxmJ5","uuiTypography":"ofBM1-","heroHeader":"xocunm","promoHeader":"T1eSvY","uuiCritical":"X6hW5d","uuiInfo":"_7BO8ok","uuiSuccess":"v47COk","uuiWarning":"_18kIXy","uuiHighlight":"QZR0pz","uuiTypographySize12":"kVxCKw","uuiTypographySize14":"ywibJR","uuiTypographySize16":"o-k3u2","mainPanel":"Cw776O","groupTitle":"fiTZXo","groupTitleText":"XkOZAY","groupTitleBadge":"m6hJs1","groupItems":"UNUeNA","noData":"_26NeY1","hDivider":"_3y2-Pg","searchArea":"OULjdL","subgroupAccordion":"_5N4KY8","subgroupTitle":"hkxmJ5"};
+var styles$1 = {"uui-typography":"My8p4w","hero-header":"Qhr71L","promo-header":"aNVk80","uui-critical":"gPISIR","uui-info":"kn0s6k","uui-success":"ApgBAl","uui-warning":"fsEFpS","uui-highlight":"Y0rbTD","uui-typography-size-12":"ph9zxy","uui-typography-size-14":"L6S36V","uui-typography-size-16":"LDUxeq","main-panel":"R75Sz5","group-title":"e-t-Z5","group-title-text":"_9SbvvB","group-title-badge":"_7zjd0G","group-items":"o-GOlk","no-data":"YPVj-a","h-divider":"U8VB5s","search-area":"xgvWNu","subgroup-accordion":"_7FZGWj","subgroup-title":"IXS-Tk","uuiTypography":"My8p4w","heroHeader":"Qhr71L","promoHeader":"aNVk80","uuiCritical":"gPISIR","uuiInfo":"kn0s6k","uuiSuccess":"ApgBAl","uuiWarning":"fsEFpS","uuiHighlight":"Y0rbTD","uuiTypographySize12":"ph9zxy","uuiTypographySize14":"L6S36V","uuiTypographySize16":"LDUxeq","mainPanel":"R75Sz5","groupTitle":"e-t-Z5","groupTitleText":"_9SbvvB","groupTitleBadge":"_7zjd0G","groupItems":"o-GOlk","noData":"YPVj-a","hDivider":"U8VB5s","searchArea":"xgvWNu","subgroupAccordion":"_7FZGWj","subgroupTitle":"IXS-Tk"};
 
 var _path$8;
 function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
@@ -4230,7 +4335,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnRightFill);
 
-var css$j = {"unpin-icon":"_1339To","pin-toggler-icon":"yAcesw","unpinIcon":"_1339To","pinTogglerIcon":"yAcesw"};
+var css$j = {"unpin-icon":"yW84Oo","pin-toggler-icon":"ypFIFf","unpinIcon":"yW84Oo","pinTogglerIcon":"ypFIFf"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4289,7 +4394,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgActionDragIndicator18);
 
-var styles = {"uui-typography":"Ukve-K","hero-header":"_784Dlz","promo-header":"j0JkmE","uui-critical":"_9RpeXP","uui-info":"Goy33o","uui-success":"gUSLsq","uui-warning":"_8tAxAj","uui-highlight":"CHEVw4","uui-typography-size-12":"p6WDz0","uui-typography-size-14":"bBGc-X","uui-typography-size-16":"zLHmj9","row-wrapper":"yoq7u-","not-pinned":"z-CgTl","pin-icon-button":"P16KDH","checkbox":"-jcBGf","drag-handle":"GPcaHb","dnd-disabled":"TCER2e","uuiTypography":"Ukve-K","heroHeader":"_784Dlz","promoHeader":"j0JkmE","uuiCritical":"_9RpeXP","uuiInfo":"Goy33o","uuiSuccess":"gUSLsq","uuiWarning":"_8tAxAj","uuiHighlight":"CHEVw4","uuiTypographySize12":"p6WDz0","uuiTypographySize14":"bBGc-X","uuiTypographySize16":"zLHmj9","rowWrapper":"yoq7u-","notPinned":"z-CgTl","pinIconButton":"P16KDH","dragHandle":"GPcaHb","dndDisabled":"TCER2e"};
+var styles = {"uui-typography":"gv4lMR","hero-header":"oJxPv6","promo-header":"Ft4Tte","uui-critical":"EzlgEz","uui-info":"rvNlKG","uui-success":"_1P2Fph","uui-warning":"vmxLr-","uui-highlight":"uI3Zqr","uui-typography-size-12":"ondZY1","uui-typography-size-14":"iABK64","uui-typography-size-16":"GHJ5f-","row-wrapper":"z9sFAc","not-pinned":"SDp7tm","pin-icon-button":"VSr5Kc","checkbox":"jjz-6J","drag-handle":"_7va0Oh","dnd-disabled":"p-p0E0","uuiTypography":"gv4lMR","heroHeader":"oJxPv6","promoHeader":"Ft4Tte","uuiCritical":"EzlgEz","uuiInfo":"rvNlKG","uuiSuccess":"_1P2Fph","uuiWarning":"vmxLr-","uuiHighlight":"uI3Zqr","uuiTypographySize12":"ondZY1","uuiTypographySize14":"iABK64","uuiTypographySize16":"GHJ5f-","rowWrapper":"z9sFAc","notPinned":"SDp7tm","pinIconButton":"VSr5Kc","dragHandle":"_7va0Oh","dndDisabled":"p-p0E0"};
 
 const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4398,7 +4503,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"_5Ug05V","header":"faLhCL","group":"nHHIXQ","stickyHeader":"BhAxHk"};
+var css$i = {"listContainer":"fvYyKY","header":"FD-k-O","group":"_6uEhuv","stickyHeader":"AVf8C7"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4464,7 +4569,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#oud3bez3wwsq1kf2e_a)"
+    clipPath: "url(#spyfoumi0zmuw7li_a)"
   }, _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
     fill: "#F5F6FA"
@@ -4485,7 +4590,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
     fill: "#1D1E26"
   })), /*#__PURE__*/React__namespace.createElement("mask", {
-    id: "oud3be4qsrbtiabdx_b",
+    id: "spyfouf8ivx8x6k3a_b",
     style: {
       maskType: "alpha"
     },
@@ -4498,7 +4603,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
     fill: "#9BDEFF"
   }))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
-    mask: "url(#oud3be4qsrbtiabdx_b)",
+    mask: "url(#spyfouf8ivx8x6k3a_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -4584,7 +4689,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
     fill: "#fff"
   }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
-    id: "oud3bez3wwsq1kf2e_a"
+    id: "spyfoumi0zmuw7li_a"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4593,7 +4698,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
 
-var css$h = {"sticky-header":"pShpo1","table":"AO0OhS","no-results":"_0Xgw1z","no-results-icon":"_16IWXd","no-results-title":"VkSwyF","stickyHeader":"pShpo1","noResults":"_0Xgw1z","noResultsIcon":"_16IWXd","noResultsTitle":"VkSwyF"};
+var css$h = {"sticky-header":"ZLptdM","table":"oe71HM","no-results":"Wc1IuM","no-results-icon":"m4-4g4","no-results-title":"ekpHF4","stickyHeader":"ZLptdM","noResults":"Wc1IuM","noResultsIcon":"m4-4g4","noResultsTitle":"ekpHF4"};
 
 const DEFAULT_HEADER_SIZE = '36';
 const DEFAULT_COLUMN_GAP = '24';
@@ -4646,9 +4751,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"NwFtrf"};
+var css$g = {"root":"heaT1M"};
 
-var css$f = {"root":"_9X4g7Y","burger-content":"_3zTLho","burgerContent":"_3zTLho"};
+var css$f = {"root":"EWDKcv","burger-content":"urXTzz","burgerContent":"urXTzz"};
 
 var _path$3;
 function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
@@ -4691,7 +4796,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"uui-typography":"jQ9kDs","hero-header":"vPqcW4","promo-header":"_6Rzldc","uui-critical":"sf4epo","uui-info":"zY8IaD","uui-success":"L-TFTX","uui-warning":"QcbghS","uui-highlight":"E7fmE5","uui-typography-size-12":"ICy6sB","uui-typography-size-14":"KvbItu","uui-typography-size-16":"tJBEEA","root":"BnJ-qE","button-primary":"xHPROz","button-secondary":"LyXNWZ","hasIcon":"_5LhBL7","dropdown":"CcIDvC","uuiTypography":"jQ9kDs","heroHeader":"vPqcW4","promoHeader":"_6Rzldc","uuiCritical":"sf4epo","uuiInfo":"zY8IaD","uuiSuccess":"L-TFTX","uuiWarning":"QcbghS","uuiHighlight":"E7fmE5","uuiTypographySize12":"ICy6sB","uuiTypographySize14":"KvbItu","uuiTypographySize16":"tJBEEA","buttonPrimary":"xHPROz","buttonSecondary":"LyXNWZ"};
+var css$e = {"uui-typography":"HH6x9I","hero-header":"_5atDe1","promo-header":"_21NCYl","uui-critical":"LMEKn6","uui-info":"E9QOVp","uui-success":"odnYQB","uui-warning":"XLubfh","uui-highlight":"Lilxlz","uui-typography-size-12":"jw9scp","uui-typography-size-14":"HSzrAH","uui-typography-size-16":"OxSw2U","root":"_9fd2CQ","button-primary":"XtKpEU","button-secondary":"_-13c04","hasIcon":"_7HpjQc","dropdown":"ohNOzt","uuiTypography":"HH6x9I","heroHeader":"_5atDe1","promoHeader":"_21NCYl","uuiCritical":"LMEKn6","uuiInfo":"E9QOVp","uuiSuccess":"odnYQB","uuiWarning":"XLubfh","uuiHighlight":"Lilxlz","uuiTypographySize12":"jw9scp","uuiTypographySize14":"HSzrAH","uuiTypographySize16":"OxSw2U","buttonPrimary":"XtKpEU","buttonSecondary":"_-13c04"};
 
 const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
     css$e.root,
@@ -4702,13 +4807,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"EuPLlY","searchInput":"EuPLlY"};
+var css$d = {"search-input":"wDKEVe","searchInput":"wDKEVe"};
 
 function BurgerSearch(props) {
     return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$N, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
 }
 
-var css$c = {"root":"dfvBaZ","group-header":"ErXbA9","group-name":"lPUjKa","line":"-ow5Fm","groupHeader":"ErXbA9","groupName":"lPUjKa"};
+var css$c = {"root":"nZsUKr","group-header":"LqZio2","group-name":"j3feQa","line":"vaAmFf","groupHeader":"LqZio2","groupName":"j3feQa"};
 
 function BurgerGroupHeader(props) {
     return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -4716,7 +4821,7 @@ function BurgerGroupHeader(props) {
         React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"uui-typography":"b-zbP3","hero-header":"fBpzRJ","promo-header":"aaFv87","uui-critical":"OJGiHH","uui-info":"BzqyLi","uui-success":"l3h21W","uui-warning":"RRGAos","uui-highlight":"sd3etA","uui-typography-size-12":"dWHgLt","uui-typography-size-14":"n6FmZ7","uui-typography-size-16":"uaP0gT","root":"-avp31","type-primary":"uLGqaQ","type-secondary":"kF4STp","uuiTypography":"b-zbP3","heroHeader":"fBpzRJ","promoHeader":"aaFv87","uuiCritical":"OJGiHH","uuiInfo":"BzqyLi","uuiSuccess":"l3h21W","uuiWarning":"RRGAos","uuiHighlight":"sd3etA","uuiTypographySize12":"dWHgLt","uuiTypographySize14":"n6FmZ7","uuiTypographySize16":"uaP0gT","typePrimary":"uLGqaQ","typeSecondary":"kF4STp"};
+var css$b = {"uui-typography":"wCTYO9","hero-header":"q8tjq-","promo-header":"N-EPnx","uui-critical":"gYa7ko","uui-info":"_5v71RY","uui-success":"Ix-IF6","uui-warning":"Y2tRwj","uui-highlight":"_95gFtg","uui-typography-size-12":"md-ZSv","uui-typography-size-14":"_3dF-89","uui-typography-size-16":"rQVEQx","root":"NG7HHz","type-primary":"KJfmLz","type-secondary":"_0TqhR7","uuiTypography":"wCTYO9","heroHeader":"q8tjq-","promoHeader":"N-EPnx","uuiCritical":"gYa7ko","uuiInfo":"_5v71RY","uuiSuccess":"Ix-IF6","uuiWarning":"Y2tRwj","uuiHighlight":"_95gFtg","uuiTypographySize12":"md-ZSv","uuiTypographySize14":"_3dF-89","uuiTypographySize16":"rQVEQx","typePrimary":"KJfmLz","typeSecondary":"_0TqhR7"};
 
 const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { type } = props, clickableProps = __rest(props, ["type"]);
@@ -4732,7 +4837,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"Eqejoo","dropdownBody":"Eqejoo"};
+var css$a = {"dropdown-body":"_0RzeWg","dropdownBody":"_0RzeWg"};
 
 class MainMenuDropdown extends React__namespace.Component {
     render() {
@@ -4787,12 +4892,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"-oW-jm","global-menu-icon":"TVwzdZ","globalMenuBtn":"-oW-jm","globalMenuIcon":"TVwzdZ"};
+var css$9 = {"global-menu-btn":"TlVCJr","global-menu-icon":"hm3WTg","globalMenuBtn":"TlVCJr","globalMenuIcon":"hm3WTg"};
 
 const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx) }, props.rawProps),
     React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"GwVVf0","open":"gojqhk"};
+var css$8 = {"container":"gtB3VG","open":"eTOrEn"};
 
 const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick },
     React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
@@ -4800,18 +4905,18 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
     props.isDropdown && (React__namespace.createElement("div", null,
         React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
 
-var css$7 = {"search-input":"akNA5i","searchInput":"akNA5i"};
+var css$7 = {"search-input":"O5vMzn","searchInput":"O5vMzn"};
 
 const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
         return (React__namespace.createElement(uuiComponents.TextInput, Object.assign({ iconPosition: "left", icon: ForwardRef$N, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$Q }, props, iEditable, { ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
-var css$6 = {"container":"DEYDSt"};
+var css$6 = {"container":"iTlXMX"};
 
 const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container) }, props))));
 
-var css$5 = {"root":"IKaqUH"};
+var css$5 = {"root":"eyld5t"};
 
 const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
 
@@ -4869,7 +4974,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"nxPhR-","drop-start":"i7ScKc","drop-over":"hxYrG2","link":"xDIoxi","drop-area":"ELfINl","drop-caption":"QuVetq","icon-blue":"_5sO-P2","dropStart":"i7ScKc","dropOver":"hxYrG2","dropArea":"ELfINl","dropCaption":"QuVetq","iconBlue":"_5sO-P2"};
+var css$4 = {"root":"aB2r8O","drop-start":"D30JDc","drop-over":"g60B3R","link":"_6bANmG","drop-area":"kMApDT","drop-caption":"R3qeAr","icon-blue":"f5zgr3","dropStart":"D30JDc","dropOver":"g60B3R","dropArea":"kMApDT","dropCaption":"R3qeAr","iconBlue":"f5zgr3"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -4887,9 +4992,9 @@ function DropSpot(props) {
     return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"uui-typography":"SMB7Z4","hero-header":"_0wXrkf","promo-header":"M4yH2r","uui-critical":"fEOxi2","uui-info":"AJ5Og-","uui-success":"XNcg7C","uui-warning":"r--Xs5","uui-highlight":"YZSHEO","uui-typography-size-12":"_1hhz1e","uui-typography-size-14":"SOVIfy","uui-typography-size-16":"b-MLbb","root":"_9SOrWV","file-name":"BLb0Vq","default-color":"F5bTjI","doc-color":"_46uC69","xls-color":"_7nqoCR","pdf-color":"k-Cxpk","movie-color":"sPS-Av","img-color":"r-PXsu","mov-color":"nzmAJ3","error-block":"pDMR7M","icons-block":"Xu9l3K","uuiTypography":"SMB7Z4","heroHeader":"_0wXrkf","promoHeader":"M4yH2r","uuiCritical":"fEOxi2","uuiInfo":"AJ5Og-","uuiSuccess":"XNcg7C","uuiWarning":"r--Xs5","uuiHighlight":"YZSHEO","uuiTypographySize12":"_1hhz1e","uuiTypographySize14":"SOVIfy","uuiTypographySize16":"b-MLbb","fileName":"BLb0Vq","defaultColor":"F5bTjI","docColor":"_46uC69","xlsColor":"_7nqoCR","pdfColor":"k-Cxpk","movieColor":"sPS-Av","imgColor":"r-PXsu","movColor":"nzmAJ3","errorBlock":"pDMR7M","iconsBlock":"Xu9l3K"};
+var css$3 = {"uui-typography":"qkSHlQ","hero-header":"ben3Ar","promo-header":"EV22rM","uui-critical":"_2S4uo3","uui-info":"PBbION","uui-success":"Llmv92","uui-warning":"_24-sXA","uui-highlight":"_4ix704","uui-typography-size-12":"Rbnd-q","uui-typography-size-14":"_9rJ2Nn","uui-typography-size-16":"qoPXXp","root":"PFgv7x","file-name":"Eo6O3R","default-color":"_6dJgK4","doc-color":"FwofMe","xls-color":"_15ZT3C","pdf-color":"SWxIZN","movie-color":"r-E-ji","img-color":"kHyMo-","mov-color":"_3XJ00G","error-block":"_33fLsA","icons-block":"r4ycXJ","uuiTypography":"qkSHlQ","heroHeader":"ben3Ar","promoHeader":"EV22rM","uuiCritical":"_2S4uo3","uuiInfo":"PBbION","uuiSuccess":"Llmv92","uuiWarning":"_24-sXA","uuiHighlight":"_4ix704","uuiTypographySize12":"Rbnd-q","uuiTypographySize14":"_9rJ2Nn","uuiTypographySize16":"qoPXXp","fileName":"Eo6O3R","defaultColor":"_6dJgK4","docColor":"FwofMe","xlsColor":"_15ZT3C","pdfColor":"SWxIZN","movieColor":"r-E-ji","imgColor":"kHyMo-","movColor":"_3XJ00G","errorBlock":"_33fLsA","iconsBlock":"r4ycXJ"};
 
-var css$2 = {"root":"VI9lCI"};
+var css$2 = {"root":"_2m7E-c"};
 
 const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5014,7 +5119,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"I4yjoV"};
+var css$1 = {"container":"d6kI5S"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = uuiCore.isMobile();
@@ -5025,7 +5130,7 @@ const ErrorPage = (props) => {
             React__namespace.default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
 };
 
-var css = {"recovery-spinner":"x8hwiH","recovery-message":"DlznQr","modal-blocker":"_7opvLj","modalFadeIn":"vUy1rC","recoverySpinner":"x8hwiH","recoveryMessage":"DlznQr","modalBlocker":"_7opvLj"};
+var css = {"recovery-spinner":"krJJcB","recovery-message":"Q3ZWd5","modal-blocker":"Wwiad1","modalFadeIn":"y73pIZ","recoverySpinner":"krJJcB","recoveryMessage":"Q3ZWd5","modalBlocker":"Wwiad1"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
@@ -5217,6 +5322,7 @@ exports.propsMods = propsMods;
 exports.rangeDatePickerPresets = rangeDatePickerPresets;
 exports.renderCell = renderCell;
 exports.renderDropMarkers = renderDropMarkers;
+exports.settings = settings;
 exports.useColumnsWithFilters = useColumnsWithFilters;
 exports.useForm = useForm;
 exports.uuiDatePickerBody = uuiDatePickerBody;