@epam/uui 5.8.1 → 5.8.2

package/index.esm.js

@@ -1,5 +1,5 @@
 import * as uuiComponents from '@epam/uui-components';
-import { Clickable, IconContainer, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, FlexSpacer, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, DragHandle, Blocker as Blocker$1, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, Calendar as Calendar$1, YearSelection, MonthSelection, AdaptivePanel, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1, CalendarPresets as CalendarPresets$1, Day, uuiDaySelection, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableHeaderCell as DataTableHeaderCell$1, DataTableHeaderRow as DataTableHeaderRow$1, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
+import { Clickable, IconContainer, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, FlexSpacer, useDocumentDir, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, DragHandle, Blocker as Blocker$1, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, Calendar as Calendar$1, YearSelection, MonthSelection, AdaptivePanel, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1, CalendarPresets as CalendarPresets$1, Day, uuiDaySelection, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableHeaderCell as DataTableHeaderCell$1, DataTableHeaderRow as DataTableHeaderRow$1, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
 export { Avatar, FlexSpacer, IconContainer } from '@epam/uui-components';
 import { withMods, devLogger, uuiElement, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, directionMode, useVirtualList, useScrollShadows, i18n as i18n$1, Lens, isMobile, usePrevious, useUuiContext, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, isFocusReceiverInsideFocusLock, mobilePopperModifier, uuiDataTableHeaderCell, DndActor, useColumnsConfig, uuiScrollShadows, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
 import * as React from 'react';
@@ -281,16 +281,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":"ld8rtn","hero-header":"H5P0eY","promo-header":"coXgkD","uui-critical":"-z-8xi","uui-info":"N4nSXY","uui-success":"_8pw9ry","uui-warning":"F1QbVh","uui-highlight":"fuIDUL","uui-typography-size-12":"O9Ei-t","uui-typography-size-14":"yKFPf9","uui-typography-size-16":"_6OsXeH","root":"uDhGA1","uuiTypography":"ld8rtn","heroHeader":"H5P0eY","promoHeader":"coXgkD","uuiCritical":"-z-8xi","uuiInfo":"N4nSXY","uuiSuccess":"_8pw9ry","uuiWarning":"F1QbVh","uuiHighlight":"fuIDUL","uuiTypographySize12":"O9Ei-t","uuiTypographySize14":"yKFPf9","uuiTypographySize16":"_6OsXeH"};
 
-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__ */withMods(uuiComponents.Button, applyButtonMods, () => {
@@ -300,7 +471,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1r = {"root":"rbnZUJ"};
+var css$1r = {"root":"F68pSy"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
@@ -317,7 +488,6 @@ const IconButton = /* @__PURE__ */withMods(uuiComponents.IconButton, applyIconBu
     }
     return {
         dropdownIcon: props.dropdownIcon || systemIcons.foldingArrow,
-        size: props.size && Number(props.size),
     };
 });
 
@@ -338,15 +508,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":"hFJIef","hero-header":"VIUAa7","promo-header":"gylDmP","uui-critical":"SZ4R-X","uui-info":"BKG7RR","uui-success":"X76j1W","uui-warning":"DxRZlc","uui-highlight":"RPTkd5","uui-typography-size-12":"DtICEZ","uui-typography-size-14":"b4gopb","uui-typography-size-16":"rQM7Xz","root":"ajngK-","uuiTypography":"hFJIef","heroHeader":"VIUAa7","promoHeader":"gylDmP","uuiCritical":"SZ4R-X","uuiInfo":"BKG7RR","uuiSuccess":"X76j1W","uuiWarning":"DxRZlc","uuiHighlight":"RPTkd5","uuiTypographySize12":"DtICEZ","uuiTypographySize14":"b4gopb","uuiTypographySize16":"rQM7Xz"};
 
-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}`,
     ];
@@ -370,25 +539,25 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(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":"sp1Ayu"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
             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":"uXTdvI","hero-header":"IJmAat","promo-header":"vr-XAu","uui-critical":"mjxb91","uui-info":"_1eKrdY","uui-success":"vFtlNU","uui-warning":"VsmJq8","uui-highlight":"w5EfFa","uui-typography-size-12":"V6xUS7","uui-typography-size-14":"mdA7W8","uui-typography-size-16":"tOv9Gr","root":"_3rpgrD","withNotify":"RkTRVR","uuiTypography":"uXTdvI","heroHeader":"IJmAat","promoHeader":"vr-XAu","uuiCritical":"mjxb91","uuiInfo":"_1eKrdY","uuiSuccess":"vFtlNU","uuiWarning":"VsmJq8","uuiHighlight":"w5EfFa","uuiTypographySize12":"V6xUS7","uuiTypographySize14":"mdA7W8","uuiTypographySize16":"tOv9Gr"};
 
 const TabButton = /* @__PURE__ */React__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,
@@ -397,14 +566,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const ClearIcon = props.clearIcon ? props.clearIcon : systemIcons.clear;
     return (React__default.createElement(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__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
-        props.caption && (React__default.createElement("div", { className: cx$1(uuiElement.caption, props.withNotify && css$1o.captionWithNotify) }, props.caption)),
-        props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color: props.isLinkActive ? 'info' : 'neutral', size: "18", caption: props.count })),
+        props.caption && (React__default.createElement("div", { className: cx$1(uuiElement.caption) }, props.caption)),
+        props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color: "neutral", size: "18", caption: props.count })),
         props.icon && props.iconPosition === 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: 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":"yOf2Q6","hero-header":"EU-RVc","promo-header":"_6ArztN","uui-critical":"EItrsX","uui-info":"d0DXMc","uui-success":"_9QsShS","uui-warning":"_5DAN2R","uui-highlight":"sJYu8a","uui-typography-size-12":"AAIWuM","uui-typography-size-14":"ERAFSD","uui-typography-size-16":"loYJEF","root":"_5JbrAf","uuiTypography":"yOf2Q6","heroHeader":"EU-RVc","promoHeader":"_6ArztN","uuiCritical":"EItrsX","uuiInfo":"d0DXMc","uuiSuccess":"_9QsShS","uuiWarning":"_5DAN2R","uuiHighlight":"sJYu8a","uuiTypographySize12":"AAIWuM","uuiTypographySize14":"ERAFSD","uuiTypographySize16":"loYJEF"};
 
 function applyVerticalTabButtonMods() {
     return [css$1n.root];
@@ -426,12 +595,12 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
 };
 var ForwardRef$B = /*#__PURE__*/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":"LrllBd","hero-header":"a7VigR","promo-header":"fSL2M8","uui-critical":"ktemsX","uui-info":"opYXMn","uui-success":"qDH7cI","uui-warning":"NxG3aW","uui-highlight":"LukO4n","uui-typography-size-12":"SsLLAL","uui-typography-size-14":"n52cvF","uui-typography-size-16":"_5oElyx","root":"BliEJO","mode-cell":"uXQ9tQ","uuiTypography":"LrllBd","heroHeader":"a7VigR","promoHeader":"fSL2M8","uuiCritical":"ktemsX","uuiInfo":"opYXMn","uuiSuccess":"qDH7cI","uuiWarning":"NxG3aW","uuiHighlight":"LukO4n","uuiTypographySize12":"SsLLAL","uuiTypographySize14":"n52cvF","uuiTypographySize16":"_5oElyx","modeCell":"uXQ9tQ"};
 
 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',
     ];
@@ -446,8 +615,6 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.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) {
@@ -463,21 +630,25 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
 };
 var ForwardRef$A = /*#__PURE__*/forwardRef(SvgRadioDotFill);
 
+var css$1l = {"uui-typography":"qVY5g8","hero-header":"XJcDdZ","promo-header":"YFkpng","uui-critical":"Ik3yZi","uui-info":"Lj3WFm","uui-success":"tWHloI","uui-warning":"aHLVVk","uui-highlight":"Z189yi","uui-typography-size-12":"Q0cAtS","uui-typography-size-14":"iB6dBl","uui-typography-size-16":"Gkbwsp","root":"JLDNGD","uuiTypography":"qVY5g8","heroHeader":"XJcDdZ","promoHeader":"YFkpng","uuiCritical":"Ik3yZi","uuiInfo":"Lj3WFm","uuiSuccess":"tWHloI","uuiWarning":"aHLVVk","uuiHighlight":"Z189yi","uuiTypographySize12":"Q0cAtS","uuiTypographySize14":"iB6dBl","uuiTypographySize16":"Gkbwsp"};
+
 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__ */withMods(RadioInput$1, 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":"bZvSg8"};
 
 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__ */withMods(uuiComponents.Switch, applySwitchMods);
@@ -539,14 +710,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":"BDieXP","hero-header":"sxjgyf","promo-header":"Bb-9U7","uui-critical":"Mcd18r","uui-info":"abvCOZ","uui-success":"_9fs8qv","uui-warning":"QmKfcL","uui-highlight":"_8OzzlG","uui-typography-size-12":"Xw4U2v","uui-typography-size-14":"O9IOO7","uui-typography-size-16":"dnuuH2","root":"D-EgvO","mode-form":"fDb-xU","mode-inline":"_9OlmhC","mode-cell":"yTP4fT","uuiTypography":"BDieXP","heroHeader":"sxjgyf","promoHeader":"Bb-9U7","uuiCritical":"Mcd18r","uuiInfo":"abvCOZ","uuiSuccess":"_9fs8qv","uuiWarning":"QmKfcL","uuiHighlight":"_8OzzlG","uuiTypographySize12":"Xw4U2v","uuiTypographySize14":"O9IOO7","uuiTypographySize16":"dnuuH2","modeForm":"fDb-xU","modeInline":"_9OlmhC","modeCell":"yTP4fT"};
 
-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)],
     ];
 }
@@ -566,7 +736,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } })));
 });
 
-var css$1j = {"root":"FHzIej"};
+var css$1j = {"root":"POlyAL"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root]);
 
@@ -575,16 +745,14 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.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":"b-2ec6","hero-header":"L-DNHF","promo-header":"bT5sJk","uui-critical":"GwhCRw","uui-info":"HToS-H","uui-success":"Gd1LHH","uui-warning":"kI6aqz","uui-highlight":"IPVNSb","uui-typography-size-12":"A09BUu","uui-typography-size-14":"tg7yJE","uui-typography-size-16":"DQjr4U","root":"DGB71W","mode-form":"_5aF7lb","mode-cell":"_9S-m3y","uuiTypography":"b-2ec6","heroHeader":"L-DNHF","promoHeader":"bT5sJk","uuiCritical":"GwhCRw","uuiInfo":"HToS-H","uuiSuccess":"Gd1LHH","uuiWarning":"kI6aqz","uuiHighlight":"IPVNSb","uuiTypographySize12":"A09BUu","uuiTypographySize14":"tg7yJE","uuiTypographySize16":"DQjr4U","modeForm":"_5aF7lb","modeCell":"_9S-m3y"};
 
-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)],
     ];
 }
@@ -598,21 +766,20 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-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":"bgpj9K","hero-header":"oUKCQk","promo-header":"tKVeeT","uui-critical":"aHsX4g","uui-info":"-lxJpQ","uui-success":"apS7XP","uui-warning":"_0nsOc-","uui-highlight":"Wdpz-8","uui-typography-size-12":"ujHdcE","uui-typography-size-14":"Mrku9Y","uui-typography-size-16":"bnkCgA","root":"ZtaLYc","mode-form":"_1kNhbR","mode-cell":"lLzvOZ","mode-inline":"_2WNKed","size-24":"JoJql6","size-30":"ixUr0v","size-36":"_3pUOFW","size-42":"GWY9GO","size-48":"VlKjHe","uuiTypography":"bgpj9K","heroHeader":"oUKCQk","promoHeader":"tKVeeT","uuiCritical":"aHsX4g","uuiInfo":"-lxJpQ","uuiSuccess":"apS7XP","uuiWarning":"_0nsOc-","uuiHighlight":"Wdpz-8","uuiTypographySize12":"ujHdcE","uuiTypographySize14":"Mrku9Y","uuiTypographySize16":"bnkCgA","modeForm":"_1kNhbR","modeCell":"lLzvOZ","modeInline":"_2WNKed","size24":"JoJql6","size30":"ixUr0v","size36":"_3pUOFW","size42":"GWY9GO","size48":"VlKjHe"};
 
-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__ */withMods(TextArea$1, applyTextAreaMods, (props) => {
     return {
         autoSize: props.mode === EditMode.CELL ? true : props.autoSize,
-        maxLength: props.mode === EditMode.CELL ? undefined : props.maxLength,
     };
 });
 
@@ -700,7 +867,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
 };
 var ForwardRef$w = /*#__PURE__*/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":"mD2F4V","hero-header":"_9PeOlW","promo-header":"okPukj","uui-critical":"jDXVMK","uui-info":"Vi6ciD","uui-success":"_5TMAUJ","uui-warning":"_7wGRzM","uui-highlight":"mfXTAc","uui-typography-size-12":"SBZ--v","uui-typography-size-14":"naXJlJ","uui-typography-size-16":"E4mL-P","root":"zqwWms","icon-wrapper":"_8l4Rj9","alert-wrapper":"juUWKq","size-48":"lcRR2c","size-36":"DI-dMB","action-wrapper":"EQ-1Xl","action-icon":"NnHKMQ","action-link":"-yPQWq","close-icon":"aR8bAy","main-path":"vehcvf","content":"_2r22hd","uuiTypography":"mD2F4V","heroHeader":"_9PeOlW","promoHeader":"okPukj","uuiCritical":"jDXVMK","uuiInfo":"Vi6ciD","uuiSuccess":"_5TMAUJ","uuiWarning":"_7wGRzM","uuiHighlight":"mfXTAc","uuiTypographySize12":"SBZ--v","uuiTypographySize14":"naXJlJ","uuiTypographySize16":"E4mL-P","iconWrapper":"_8l4Rj9","alertWrapper":"juUWKq","size48":"lcRR2c","size36":"DI-dMB","actionWrapper":"EQ-1Xl","actionIcon":"NnHKMQ","actionLink":"-yPQWq","closeIcon":"aR8bAy","mainPath":"vehcvf"};
 
 const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('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.createElement("div", { className: css$1g.mainPath },
@@ -717,7 +884,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$1f = {"root":"PomL5Y"};
+var css$1f = {"root":"Sp3ZzV"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -728,7 +895,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.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":"woop3H","hero-header":"fmCz04","promo-header":"cGXH6X","uui-critical":"_7WrJ-c","uui-info":"K80tZ4","uui-success":"CCLtPn","uui-warning":"pkRxb0","uui-highlight":"KufE25","uui-typography-size-12":"SL2APC","uui-typography-size-14":"_3QCMf5","uui-typography-size-16":"w7NL6D","submenu-root-item":"-I7u-D","icon-after":"Mag4Zs","icon-check":"cYpE80","splitter-root":"hMYMyr","splitter":"q1OV-9","header-root":"amrGxS","item-root":"PDGJA7","icon":"rWRhy-","link":"THdAwf","indent":"xquR-o","selected-mark":"yiUoRe","uuiTypography":"woop3H","heroHeader":"fmCz04","promoHeader":"cGXH6X","uuiCritical":"_7WrJ-c","uuiInfo":"K80tZ4","uuiSuccess":"CCLtPn","uuiWarning":"pkRxb0","uuiHighlight":"KufE25","uuiTypographySize12":"SL2APC","uuiTypographySize14":"_3QCMf5","uuiTypographySize16":"w7NL6D","submenuRootItem":"-I7u-D","iconAfter":"Mag4Zs","iconCheck":"cYpE80","splitterRoot":"hMYMyr","headerRoot":"amrGxS","itemRoot":"PDGJA7","selectedMark":"yiUoRe"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -823,7 +990,8 @@ function DropdownSubMenu(props) {
             name: 'offset',
             options: {
                 offset: ({ placement }) => {
-                    if (placement === 'right-start') {
+                    if (placement === 'right-start'
+                        || placement === 'left-start') {
                         return [-6, 0];
                     }
                     else {
@@ -833,7 +1001,8 @@ function DropdownSubMenu(props) {
             },
         },
     ];
-    return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: "right-start", modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
+    const dir = useDocumentDir();
+    return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: dir === 'rtl' ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
             var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
             return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(css$1e.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
         } }));
@@ -859,7 +1028,7 @@ function DropdownMenuSwitchButton(props) {
         React__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":"FveBYs","hero-header":"IcrkFS","promo-header":"aua6DV","uui-critical":"_8lGj4W","uui-info":"S3-mBt","uui-success":"Vmdwl1","uui-warning":"YVJWYb","uui-highlight":"_9iqJxW","uui-typography-size-12":"jBEdeh","uui-typography-size-14":"DXcqra","uui-typography-size-16":"hTvlxe","root":"K3Z0q8","mode-block":"_8YHwjE","mode-inline":"xDDW4U","padding-0":"HsgsK8","padding-6":"_0s2rP8","padding-12":"VhdlEW","padding-18":"uNmNDq","uuiTypography":"FveBYs","heroHeader":"IcrkFS","promoHeader":"aua6DV","uuiCritical":"_8lGj4W","uuiInfo":"S3-mBt","uuiSuccess":"Vmdwl1","uuiWarning":"YVJWYb","uuiHighlight":"_9iqJxW","uuiTypographySize12":"jBEdeh","uuiTypographySize14":"DXcqra","uuiTypographySize16":"hTvlxe","modeBlock":"_8YHwjE","modeInline":"xDDW4U","padding0":"HsgsK8","padding6":"_0s2rP8","padding12":"VhdlEW","padding18":"uNmNDq"};
 
 const getMode = (mode) => {
     return mode || 'block';
@@ -875,7 +1044,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     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":"XN2dKc","hero-header":"_657qu0","promo-header":"x540cD","uui-critical":"_3iZDgS","uui-info":"UI6rQL","uui-success":"th5Df-","uui-warning":"igHdGp","uui-highlight":"mPaMxV","uui-typography-size-12":"WRvg0U","uui-typography-size-14":"vtCi-Y","uui-typography-size-16":"Xfnkvl","root":"-dGVJG","border-top":"NpmHzx","border-bottom":"c2QZo4","top-shadow":"n8yNrO","size-24":"uw-hi-","size-30":"YkcDgU","size-36":"F2CGkQ","size-42":"GTOw-y","size-48":"uynXTq","padding-6":"bSlTCM","padding-12":"R0jZLu","padding-18":"RZB40m","padding-24":"yceNTJ","margin-24":"PrTBEE","margin-12":"knBEF6","vPadding-12":"Z0ujWd","vPadding-18":"_7PDmoH","vPadding-24":"uZkD6A","vPadding-36":"_1ErRtO","vPadding-48":"IhrMqc","spacing-6":"FGbk-C","spacing-12":"tzKBSQ","spacing-18":"zRKOl7","uui-surface-main":"j4jUlg","uuiTypography":"XN2dKc","heroHeader":"_657qu0","promoHeader":"x540cD","uuiCritical":"_3iZDgS","uuiInfo":"UI6rQL","uuiSuccess":"th5Df-","uuiWarning":"igHdGp","uuiHighlight":"mPaMxV","uuiTypographySize12":"WRvg0U","uuiTypographySize14":"vtCi-Y","uuiTypographySize16":"Xfnkvl","borderTop":"NpmHzx","borderBottom":"c2QZo4","topShadow":"n8yNrO","size24":"uw-hi-","size30":"YkcDgU","size36":"F2CGkQ","size42":"GTOw-y","size48":"uynXTq","padding6":"bSlTCM","padding12":"R0jZLu","padding18":"RZB40m","padding24":"yceNTJ","margin24":"PrTBEE","margin12":"knBEF6","vPadding12":"Z0ujWd","vPadding18":"_7PDmoH","vPadding24":"uZkD6A","vPadding36":"_1ErRtO","vPadding48":"IhrMqc","spacing6":"FGbk-C","spacing12":"tzKBSQ","spacing18":"zRKOl7","uuiSurfaceMain":"j4jUlg"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1c.flexCell]);
 
@@ -899,7 +1068,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (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":"UQr8nu","margin-24":"_7Zgwa1","padding-12":"_9qqR7v","padding-24":"oKFtJl","shadow":"PHtZYV","uui-surface-main":"E6nrFi","margin24":"_7Zgwa1","padding12":"_9qqR7v","padding24":"oKFtJl","uuiSurfaceMain":"E6nrFi"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -909,7 +1078,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$1b[`uui-${props.background}`],
 ]);
 
-var css$1a = {"root":"YRxreG"};
+var css$1a = {"root":"JOJyjI"};
 
 function applyTooltipMods(mods) {
     return [
@@ -919,18 +1088,18 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.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":"kGc7P6","hero-header":"Pji5be","promo-header":"HPHtGX","uui-critical":"zKLAAP","uui-info":"DMPhIx","uui-success":"U8a-ve","uui-warning":"ECKJHv","uui-highlight":"PuMqwO","uui-typography-size-12":"_9ktqw9","uui-typography-size-14":"fhsTop","uui-typography-size-16":"KpKhgG","root":"_0iQvMW","size-24":"Vb-zHX","size-30":"DkItdg","size-36":"fGgf-V","size-42":"wTkiu5","size-48":"-EewIj","uuiTypography":"kGc7P6","heroHeader":"Pji5be","promoHeader":"HPHtGX","uuiCritical":"zKLAAP","uuiInfo":"DMPhIx","uuiSuccess":"U8a-ve","uuiWarning":"ECKJHv","uuiHighlight":"PuMqwO","uuiTypographySize12":"_9ktqw9","uuiTypographySize14":"fhsTop","uuiTypographySize16":"KpKhgG","size24":"Vb-zHX","size30":"DkItdg","size36":"fGgf-V","size42":"wTkiu5","size48":"-EewIj"};
 
-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__ */withMods(uuiComponents.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":"pRmkuc"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -945,7 +1114,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$17 = {"root":"_5GnkCl"};
+var css$17 = {"root":"_3Nsdyu"};
 
 function applyScrollBarsMods() {
     return [
@@ -954,27 +1123,27 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$16 = {"scroll-container":"FVOmrU","list-container":"cjMMoz","scrollContainer":"FVOmrU","listContainer":"cjMMoz"};
+var css$16 = {"scroll-container":"OinerQ","list-container":"MtpUcD","scrollContainer":"OinerQ","listContainer":"MtpUcD"};
 
-var css$15 = {"root":"qjaXKG"};
+var css$15 = {"root":"iXtWAQ"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [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":"T2UujR","hero-header":"azZQ4Z","promo-header":"_3CgTW7","uui-critical":"_3Gx58g","uui-info":"CgtI-0","uui-success":"qGmuWY","uui-warning":"aXUlXq","uui-highlight":"VmsLKo","uui-typography-size-12":"bwTuFg","uui-typography-size-14":"xCffrX","uui-typography-size-16":"ECyTyh","root":"JIvAxA","size-18":"pwyaMo","size-24":"zwyU2W","size-30":"mGO8FZ","size-36":"stTc6I","size-42":"ksakSi","size-48":"ZKyuWg","uuiTypography":"T2UujR","heroHeader":"azZQ4Z","promoHeader":"_3CgTW7","uuiCritical":"_3Gx58g","uuiInfo":"CgtI-0","uuiSuccess":"qGmuWY","uuiWarning":"aXUlXq","uuiHighlight":"VmsLKo","uuiTypographySize12":"bwTuFg","uuiTypographySize14":"xCffrX","uuiTypographySize16":"ECyTyh","size18":"pwyaMo","size24":"zwyU2W","size30":"mGO8FZ","size36":"stTc6I","size42":"ksakSi","size48":"ZKyuWg"};
 
-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',
@@ -988,26 +1157,17 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     return (React__default.createElement(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__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React__default.createElement("div", { className: uuiElement.caption }, props.caption)),
-        props.count !== undefined && props.count !== null && (React__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__default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], caption: props.count })),
         props.icon && props.iconPosition === 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__default.createElement(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":"wmdLNz","hero-header":"PMgqo3","promo-header":"HIA-q8","uui-critical":"FA7h3v","uui-info":"Z4akPK","uui-success":"SYtI69","uui-warning":"Lf1smi","uui-highlight":"uQDRKL","uui-typography-size-12":"lXOX1s","uui-typography-size-14":"r4xT3b","uui-typography-size-16":"LyPNQj","root":"SG-yO6","uuiTypography":"wmdLNz","heroHeader":"PMgqo3","promoHeader":"HIA-q8","uuiCritical":"FA7h3v","uuiInfo":"Z4akPK","uuiSuccess":"SYtI69","uuiWarning":"Lf1smi","uuiHighlight":"uQDRKL","uuiTypographySize12":"lXOX1s","uuiTypographySize14":"r4xT3b","uuiTypographySize16":"LyPNQj"};
 
-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',
@@ -1020,20 +1180,20 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     return (React__default.createElement(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__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React__default.createElement("div", { className: uuiElement.caption }, props.caption)),
-        props.count !== undefined && props.count !== null && (React__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__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__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$12 = {"root":"EjLe4f","uui-spinner":"dSVdiD","uuiSpinner":"dSVdiD"};
+var css$12 = {"root":"mqhNw3","uui-spinner":"natHGJ","uuiSpinner":"natHGJ"};
 
 function applySpinnerMods() {
     return [css$12.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, 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":"QChuWn","spacer":"IUdufa","mode-ghost":"J6zRqP","size-24":"rA68Q6","size-30":"_2XrvPZ","navigation-size-24":"XgH3p8","navigation-size-30":"G7vmE3","modeGhost":"J6zRqP","size24":"rA68Q6","size30":"_2XrvPZ","navigationSize24":"XgH3p8","navigationSize30":"G7vmE3"};
 
 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); }
@@ -1084,14 +1244,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, 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":"WURx1G","progress-bar":"_4YqBQd","progressBar-indeterminate":"qUpEkY","size-12":"UQvqgi","size-18":"_8kDVy2","size-24":"QTSfvD","progressBar":"_4YqBQd","progressBarIndeterminate":"qUpEkY","size12":"UQvqgi","size18":"_8kDVy2","size24":"QTSfvD"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$10.root, css$10[`size-${props.size || 12}`]) },
         React.createElement("div", { className: cx(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":"_2Cy7Se","striped":"xvUPqr","animate-stripes":"zYBNYV","size-12":"CfW1PW","size-18":"vC9Apv","size-24":"nA--hr","animateStripes":"zYBNYV","size12":"CfW1PW","size18":"vC9Apv","size24":"nA--hr"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -1106,14 +1266,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$_ = {"root":"_9iIsSg"};
+var css$_ = {"root":"RRz6ki"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$_.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(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":"rnQAgz","size-12":"fAn-jQ","size-18":"bvGEw6","size-24":"g52I-f","size12":"fAn-jQ","size18":"bvGEw6","size24":"g52I-f"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1128,46 +1288,21 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__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":"fckJAU","icon-container":"J7E2RC","dragHandle":"fckJAU","iconContainer":"J7E2RC"};
 
 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__default.createElement(React__default.Fragment, null,
         ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(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__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__default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginLeft: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
+        ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__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__default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
                 'aria-label': row.isFolded ? 'Unfold' : 'Fold',
                 role: 'button',
             }, key: "icon", icon: ForwardRef$P, cx: [
@@ -1175,7 +1310,7 @@ function DataRowAddons(props) {
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
 }
 
-var css$X = {"root":"YcRQdy"};
+var css$X = {"root":"_9gfLAf"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
@@ -1216,7 +1351,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$W = {"root":"TudQHP"};
+var css$W = {"root":"_0x6h91"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1378,7 +1513,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
     } }));
 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":"_9FBXWI","hero-header":"dQmGPL","promo-header":"OHSr4R","uui-critical":"QDcjtw","uui-info":"cKR3s8","uui-success":"SYGNCp","uui-warning":"ipZaQ1","uui-highlight":"XRJxXs","uui-typography-size-12":"uOSImV","uui-typography-size-14":"EXF3SG","uui-typography-size-16":"RXft5S","modal":"-UIpdY","search-wrapper":"TZspgz","body":"oaejDL","checkbox":"sROd5F","no-found-size-24":"_6w4-yv","no-found-size-30":"XiGl1n","no-found-size-36":"NjVGaH","no-found-size-42":"HivZGS","uuiTypography":"_9FBXWI","heroHeader":"dQmGPL","promoHeader":"OHSr4R","uuiCritical":"QDcjtw","uuiInfo":"cKR3s8","uuiSuccess":"SYGNCp","uuiWarning":"ipZaQ1","uuiHighlight":"XRJxXs","uuiTypographySize12":"uOSImV","uuiTypographySize14":"EXF3SG","uuiTypographySize16":"RXft5S","searchWrapper":"TZspgz","noFoundSize24":"_6w4-yv","noFoundSize30":"XiGl1n","noFoundSize36":"NjVGaH","noFoundSize42":"HivZGS"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -1390,29 +1525,23 @@ class DataPickerBody extends PickerBodyBase {
         if (this.props.renderNotFound) {
             return this.props.renderNotFound();
         }
-        return (React__default.createElement(FlexCell$1, { cx: css$V[`no-found-size-${this.props.searchSize || 36}`], grow: 1, textAlign: "center" },
-            React__default.createElement(Text, { size: this.props.searchSize || '36' }, i18n.dataPickerBody.noRecordsMessage)));
+        // TODO: need fix sizes, how to use variables
+        return (React__default.createElement(FlexCell$1, { cx: css$V[`no-found-size-${this.props.searchSize || settings.sizes.dataPickerBody.flexCell.default}`], grow: 1, textAlign: "center" },
+            React__default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.noRecordsMessage)));
     }
     render() {
-        const searchSize = isMobile() ? '48' : this.props.searchSize || '36';
+        const searchSize = (isMobile() ? settings.sizes.dataPickerBody.searchInput['mobile'] : this.props.searchSize);
         return (React__default.createElement(React__default.Fragment, null,
             this.showSearch() && (React__default.createElement("div", { key: "search", className: css$V.searchWrapper },
                 React__default.createElement(FlexCell$1, { grow: 1 },
-                    React__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__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__default.createElement(FlexRow, { key: "body", cx: cx$1('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__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 = isMobile() ? '48' : props.size || '36';
-    const switchSize = switchSizes[size];
+    const size = settings.sizes.dataPickerFooter.linkButton[isMobile() ? 'mobile' : props.size];
     const hasSelection = view.getSelectedRowsCount() > 0;
     const rowsCount = view.getListProps().rowsCount;
     const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
@@ -1422,8 +1551,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__default.createElement(FlexRow, { padding: "12" },
-        !isSinglePicker && (React__default.createElement(Switch, { size: switchSize, value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
+    return shouldShowFooter && (React__default.createElement(FlexRow, { size: props.size, padding: settings.sizes.dataPickerFooter.flexRowPadding },
+        !isSinglePicker && (React__default.createElement(Switch, { size: settings.sizes.dataPickerFooter.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
         React__default.createElement(FlexSpacer, null),
         React__default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
             view.selectAll && (React__default.createElement(LinkButton, { size: size, caption: hasSelection ? clearAllText : selectAllText, onClick: hasSelection ? clearSelection : () => view.selectAll.onValueChange(true), rawProps: {
@@ -1435,12 +1564,12 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$U = {"header":"_1CCeEU","close":"nTEhvP"};
+var css$U = {"header":"AsG0MA","close":"Ou-LuF"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
     return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$U.header },
-        React__default.createElement(Text, { size: "48", fontWeight: "600" }, title),
+        React__default.createElement(Text, { size: settings.sizes.dataPickerHeader.text.size, fontWeight: settings.sizes.dataPickerHeader.text.fontWeight }, title),
         React__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__default.memo(DataPickerHeaderImpl);
@@ -1460,7 +1589,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/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":"QPvcag","hero-header":"V-2MJd","promo-header":"IRXp7i","uui-critical":"_9WOb4K","uui-info":"yIWp6o","uui-success":"IQ8TlX","uui-warning":"Uq-FqP","uui-highlight":"_7k0OGv","uui-typography-size-12":"GkKY2C","uui-typography-size-14":"jkheim","uui-typography-size-16":"qCCFk-","root":"_0pY31x","align-widgets-top":"GCMWEK","size-24":"j-qjNr","size-30":"PgPihl","size-36":"a-XyqO","size-42":"_99dhi-","size-48":"_6Nwsx-","size-60":"Fnm9tr","align-widgets-center":"Olw4c9","icon-wrapper":"FkoW6u","padding-12":"q9FHNi","padding-24":"ALqXhk","padding-left-12":"_6CzVO-","padding-left-24":"_62zeHj","icon-container":"ML5ptz","loading-cell":"SKhMde","content-wrapper":"ekv0n-","render-item":"a-9dwU","icon-default":"OLhNfN","selected-mark":"UWu3kk","uuiTypography":"QPvcag","heroHeader":"V-2MJd","promoHeader":"IRXp7i","uuiCritical":"_9WOb4K","uuiInfo":"yIWp6o","uuiSuccess":"IQ8TlX","uuiWarning":"Uq-FqP","uuiHighlight":"_7k0OGv","uuiTypographySize12":"GkKY2C","uuiTypographySize14":"jkheim","uuiTypographySize16":"qCCFk-","alignWidgetsTop":"GCMWEK","size24":"j-qjNr","size30":"PgPihl","size36":"a-XyqO","size42":"_99dhi-","size48":"_6Nwsx-","size60":"Fnm9tr","alignWidgetsCenter":"Olw4c9","iconWrapper":"FkoW6u","padding12":"q9FHNi","padding24":"ALqXhk","paddingLeft12":"_6CzVO-","paddingLeft24":"_62zeHj","iconContainer":"ML5ptz","loadingCell":"SKhMde","contentWrapper":"ekv0n-","renderItem":"a-9dwU","iconDefault":"OLhNfN","selectedMark":"UWu3kk"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -1468,18 +1597,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.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48', cx: css$T.loadingCell },
+        React.createElement(Text, { key: "t", size: settings.sizes.dataPickerCell.text[props.size], cx: css$T.loadingCell },
             React.createElement(TextPlaceholder, null)));
     }
     else if (props.rowProps.isUnknown) {
-        content = (React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown"));
+        content = (React.createElement(Text, { key: "t", size: settings.sizes.dataPickerCell.text[props.size] }, "Unknown"));
     }
     else {
         content = (React.createElement("div", { key: `${props.rowProps.id}`, className: css$T.renderItem },
             props.renderItem(props.rowProps.value, props.rowProps),
             React.createElement(FlexSpacer, null),
             (props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React.createElement("div", { className: cx$1(css$T.iconWrapper, uuiMod.selected) },
-                React.createElement(IconContainer, { icon: props.size === '24' ? ForwardRef$t : ForwardRef$O, cx: cx$1(props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark), rawProps: { 'aria-label': props.rowProps.isChildrenSelected
+                React.createElement(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' } })))));
     }
@@ -1488,22 +1617,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.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":"FmfIHs","hero-header":"oZ31-c","promo-header":"HVdrMv","uui-critical":"Fs3Ykm","uui-info":"_4O9Tu2","uui-success":"PJbLww","uui-warning":"WZVvL7","uui-highlight":"-rbQhx","uui-typography-size-12":"GCZtz5","uui-typography-size-14":"GmO0xR","uui-typography-size-16":"wErLjb","picker-row":"rMUqY3","uuiTypography":"FmfIHs","heroHeader":"oZ31-c","promoHeader":"HVdrMv","uuiCritical":"Fs3Ykm","uuiInfo":"_4O9Tu2","uuiSuccess":"PJbLww","uuiWarning":"WZVvL7","uuiHighlight":"-rbQhx","uuiTypographySize12":"GCZtz5","uuiTypographySize14":"GmO0xR","uuiTypographySize16":"wErLjb","pickerRow":"rMUqY3"};
 
 class DataPickerRow extends React.Component {
     constructor() {
         super(...arguments);
         this.renderContent = () => {
-            return (React.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.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() {
@@ -1511,7 +1640,7 @@ class DataPickerRow extends React.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":"Qf8B0c","hero-header":"ZUCnrK","promo-header":"Gjl-nV","uui-critical":"_2My7iB","uui-info":"dBZXW3","uui-success":"L3Ezme","uui-warning":"oJtLyh","uui-highlight":"MDZtHx","uui-typography-size-12":"_0djMrO","uui-typography-size-14":"mR0uSv","uui-typography-size-16":"l3--Bo","done":"GyrnDl","container":"bZwlMZ","uuiTypography":"Qf8B0c","heroHeader":"ZUCnrK","promoHeader":"Gjl-nV","uuiCritical":"_2My7iB","uuiInfo":"dBZXW3","uuiSuccess":"L3Ezme","uuiWarning":"oJtLyh","uuiHighlight":"MDZtHx","uuiTypographySize12":"_0djMrO","uuiTypographySize14":"mR0uSv","uuiTypographySize16":"l3--Bo"};
 
 const MobileDropdownWrapper = (props) => {
     const isMobileView = isMobile();
@@ -1520,7 +1649,7 @@ const MobileDropdownWrapper = (props) => {
     return (React__default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$R.container, props.cx] }),
         isMobileView && React__default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
         props.children,
-        isMobileView && React__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__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;
@@ -1545,9 +1674,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/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":"PpWSdk","hero-header":"wlL7bh","promo-header":"wGYonH","uui-critical":"KEOKF3","uui-info":"c8AeQl","uui-success":"_1a3CQh","uui-warning":"OJoCt9","uui-highlight":"_07fBEq","uui-typography-size-12":"mVqxTU","uui-typography-size-14":"aCQS1s","uui-typography-size-16":"_6Cfv7R","sub-header-wrapper":"_6RH-ER","switch":"eMwUNU","no-found-modal-container":"jkfRir","no-found-modal-container-icon":"_6E0Vdv","no-found-modal-container-text":"_0H-n0R","uuiTypography":"PpWSdk","heroHeader":"wlL7bh","promoHeader":"wGYonH","uuiCritical":"KEOKF3","uuiInfo":"c8AeQl","uuiSuccess":"_1a3CQh","uuiWarning":"OJoCt9","uuiHighlight":"_07fBEq","uuiTypographySize12":"mVqxTU","uuiTypographySize14":"aCQS1s","uuiTypographySize16":"_6Cfv7R","subHeaderWrapper":"_6RH-ER","$switch$":"eMwUNU","noFoundModalContainer":"jkfRir","noFoundModalContainerIcon":"_6E0Vdv","noFoundModalContainerText":"_0H-n0R"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -1614,11 +1741,12 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-const defaultSize$2 = '36';
+var css$P = {"root":"mmYa0s","multiline":"xLOCRX","vertical-padding-24":"nOaCUi","vertical-padding-30":"pd-lzg","vertical-padding-36":"s5d-Kk","vertical-padding-42":"U3tr3Q","vertical-padding-48":"tXY3s-","text":"YPdGp9","verticalPadding24":"nOaCUi","verticalPadding30":"pd-lzg","verticalPadding36":"s5d-Kk","verticalPadding42":"U3tr3Q","verticalPadding48":"tXY3s-"};
+
 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;
@@ -1632,7 +1760,7 @@ function PickerItem(props) {
                 subtitle && (React.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$P.text }, isLoading ? React.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) {
@@ -1681,34 +1809,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__default.createElement(Switch, Object.assign({ cx: css$Q.switch, size: "18" }, getFooterProps().showSelected, { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
                 props.renderFilter && React__default.createElement(FlexCell, { grow: 2 }, props.renderFilter(dataSourceStateLens.prop('filter').toProps()))),
             React__default.createElement(DataPickerBody, Object.assign({}, getListProps(), { value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" })),
             React__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":"jDCW6F"};
+
 const PickerTogglerTag = /* @__PURE__ */React.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.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.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.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$O.tooltip },
@@ -1719,20 +1831,20 @@ const PickerTogglerTag = /* @__PURE__ */React.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":"k8B2ZT","hero-header":"T8-IyF","promo-header":"JJhriO","uui-critical":"JBgIwn","uui-info":"wZXcpZ","uui-success":"WW-7EP","uui-warning":"jvhKKc","uui-highlight":"n3o8D-","uui-typography-size-12":"sesXow","uui-typography-size-14":"EawdDj","uui-typography-size-16":"xWlrEo","root":"i9olSn","mode-form":"xKiAUk","mode-cell":"GgJkaZ","mode-inline":"qlO6lT","uuiTypography":"k8B2ZT","heroHeader":"T8-IyF","promoHeader":"JJhriO","uuiCritical":"JBgIwn","uuiInfo":"wZXcpZ","uuiSuccess":"WW-7EP","uuiWarning":"jvhKKc","uuiHighlight":"n3o8D-","uuiTypographySize12":"sesXow","uuiTypographySize14":"EawdDj","uuiTypographySize16":"xWlrEo","modeForm":"xKiAUk","modeCell":"GgJkaZ","modeInline":"qlO6lT"};
 
-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);
         }
@@ -1742,8 +1854,6 @@ function PickerTogglerComponent(props, ref) {
 }
 const PickerToggler = /* @__PURE__ */React.forwardRef(PickerTogglerComponent);
 
-const pickerHeight$1 = 300;
-const pickerWidth = 360;
 function PickerInputComponent(_a, ref) {
     var { highlightSearchMatches = true } = _a, props = __rest(_a, ["highlightSearchMatches"]);
     const toggleModalOpening = () => {
@@ -1780,9 +1890,9 @@ function PickerInputComponent(_a, ref) {
     };
     const getRowSize = () => {
         if (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)
@@ -1797,12 +1907,12 @@ function PickerInputComponent(_a, ref) {
         return (React__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__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__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 = isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || pickerHeight$1;
-        const minBodyWidth = props.minBodyWidth || pickerWidth;
+        const bodyHeight = isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || settings.sizes.pickerInput.height;
+        const minBodyWidth = props.minBodyWidth || settings.sizes.pickerInput.width;
         return (React__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__default.createElement(DataPickerBody, Object.assign({}, bodyProps, { rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode, renderNotFound: props.renderNotFound
                     ? () => props.renderNotFound({
@@ -1821,7 +1931,7 @@ function PickerInputComponent(_a, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$M = {"row":"pIcFVr"};
+var css$M = {"row":"Zax1QT"};
 
 function PickerListItem(props) {
     var _a;
@@ -1842,7 +1952,7 @@ function PickerListItem(props) {
     return (React__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":"OyxxD0"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
@@ -1882,7 +1992,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":"i2XOFE","hero-header":"vMErKD","promo-header":"cdKKLT","uui-critical":"sY32OM","uui-info":"AUiJ3L","uui-success":"i3ZUkD","uui-warning":"Qs2S37","uui-highlight":"dU180z","uui-typography-size-12":"QJ3448","uui-typography-size-14":"_7X3a0-","uui-typography-size-16":"LnT9-R","root":"LQYu-U","title-wrapper":"Wg5toh","title":"qbn6Ho","text-wrapper":"yU-Dd3","selection":"_6koK89","postfix":"_1PTpqV","selected":"MqLtEt","uuiTypography":"i2XOFE","heroHeader":"vMErKD","promoHeader":"cdKKLT","uuiCritical":"sY32OM","uuiInfo":"AUiJ3L","uuiSuccess":"i3ZUkD","uuiWarning":"Qs2S37","uuiHighlight":"dU180z","uuiTypographySize12":"QJ3448","uuiTypographySize14":"_7X3a0-","uuiTypographySize16":"LnT9-R","titleWrapper":"Wg5toh","textWrapper":"yU-Dd3"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1975,7 +2085,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":"kmqeUs"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2112,8 +2222,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) => {
@@ -2175,8 +2288,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.createElement("div", { className: cx(css$J.container, uuiHeader.container, cx) },
         React.createElement("header", { className: uuiHeader.header },
             React.createElement(Button, { icon: navIconLeft || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: () => onLeftNavigationArrow(), isDisabled: disablePrev }),
@@ -2184,14 +2297,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React.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":"PZUczH","hero-header":"vM0FWE","promo-header":"_2YnTFn","uui-critical":"wmBMsX","uui-info":"oiBb-t","uui-success":"LXdAp5","uui-warning":"U0neg8","uui-highlight":"m1OC19","uui-typography-size-12":"GjGb0a","uui-typography-size-14":"Jw29EE","uui-typography-size-16":"W0307i","root":"jrlB--","uuiTypography":"PZUczH","heroHeader":"vM0FWE","promoHeader":"_2YnTFn","uuiCritical":"wmBMsX","uuiInfo":"oiBb-t","uuiSuccess":"LXdAp5","uuiWarning":"U0neg8","uuiHighlight":"m1OC19","uuiTypographySize12":"GjGb0a","uuiTypographySize14":"Jw29EE","uuiTypographySize16":"W0307i"};
 
 function applyDateSelectionMods() {
     return [css$I.root];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, 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":"vVbiUM","hero-header":"M5YX6y","promo-header":"_0SWykw","uui-critical":"rgxNZ1","uui-info":"DYswsY","uui-success":"_7GZb06","uui-warning":"xzZPvC","uui-highlight":"NZDHql","uui-typography-size-12":"h7ec6o","uui-typography-size-14":"iE4MUa","uui-typography-size-16":"WJR4YD","root":"zN6NtQ","uuiTypography":"vVbiUM","heroHeader":"M5YX6y","promoHeader":"_0SWykw","uuiCritical":"rgxNZ1","uuiInfo":"DYswsY","uuiSuccess":"_7GZb06","uuiWarning":"xzZPvC","uuiHighlight":"NZDHql","uuiTypographySize12":"h7ec6o","uuiTypographySize14":"iE4MUa","uuiTypographySize16":"WJR4YD"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepickerBody-wrapper',
@@ -2279,7 +2392,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":"zwIz0B","hero-header":"A3OLrk","promo-header":"qb4RXH","uui-critical":"VODMfm","uui-info":"f7rYM9","uui-success":"jwMDng","uui-warning":"_-5UKYH","uui-highlight":"_6ZR2XF","uui-typography-size-12":"wLtJVt","uui-typography-size-14":"M30Nhp","uui-typography-size-16":"yU4qLl","dropdown-container":"r2qPAd","date-input":"FcHsRd","date-input-group":"uyNxar","separator":"Z8JIJv","mode-form":"fcqDvF","mode-cell":"QfcnjY","uuiTypography":"zwIz0B","heroHeader":"A3OLrk","promoHeader":"qb4RXH","uuiCritical":"VODMfm","uuiInfo":"f7rYM9","uuiSuccess":"jwMDng","uuiWarning":"_-5UKYH","uuiHighlight":"_6ZR2XF","uuiTypographySize12":"wLtJVt","uuiTypographySize14":"M30Nhp","uuiTypographySize16":"yU4qLl","dropdownContainer":"r2qPAd","dateInput":"FcHsRd","dateInputGroup":"uyNxar","modeForm":"fcqDvF","modeCell":"QfcnjY"};
 
 const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onBlur, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
@@ -2305,14 +2418,14 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
         }
     };
     const clearAllowed = !disableClear && inputValue.from && inputValue.to;
-    return (React__default.createElement("div", { ref: ref, className: cx$1(classes, css$G.dateInputGroup, isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onClick: (event) => {
+    return (React__default.createElement("div", { ref: ref, className: cx$1(classes, css$G.dateInputGroup, 'uui-range-date-picker', isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onClick: (event) => {
             if (!isDisabled) {
                 onClick === null || onClick === void 0 ? void 0 : onClick(event);
             }
         }, onBlur: onBlur },
-        React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$G.dateInput, css$G['size-' + (size || 36)], inFocus === 'from' && 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__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$G.dateInput, inFocus === 'from' && 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__default.createElement("div", { className: css$G.separator }),
-        React__default.createElement(TextInput, { cx: cx$1(css$G.dateInput, css$G['size-' + (size || 36)], inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || '36', value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
+        React__default.createElement(TextInput, { cx: cx$1(css$G.dateInput, inFocus === 'to' && 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 })));
 });
@@ -2370,7 +2483,7 @@ function FilterRangeDatePickerBody(props) {
                 React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$F = {"container":"WaWKkZ"};
+var css$F = {"container":"OUGe-z"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -2455,7 +2568,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.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -2463,14 +2576,12 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$r || (_path$r = /*#__PURE__*/React.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__*/forwardRef(SvgActionDeleteForeverFill);
+var ForwardRef$r = /*#__PURE__*/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":"vzDDyE","hero-header":"_5Ygzwk","promo-header":"xOKDYO","uui-critical":"OYmRHZ","uui-info":"Zf6K9-","uui-success":"G3TnMO","uui-warning":"opVz99","uui-highlight":"LJZU2F","uui-typography-size-12":"PmHW-X","uui-typography-size-14":"-nd0gb","uui-typography-size-16":"_7gd4Mn","header":"W1sfOj","removeButton":"XnVLLa","with-search":"ws0jAn","uuiTypography":"vzDDyE","heroHeader":"_5Ygzwk","promoHeader":"xOKDYO","uuiCritical":"OYmRHZ","uuiInfo":"Zf6K9-","uuiSuccess":"G3TnMO","uuiWarning":"opVz99","uuiHighlight":"LJZU2F","uuiTypographySize12":"PmHW-X","uuiTypographySize14":"-nd0gb","uuiTypographySize16":"_7gd4Mn","withSearch":"ws0jAn"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -2792,7 +2903,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$D = {"divider":"-VU1jB","dropdownDeleteIcon":"dhlpHc","presetsWrapper":"M-xZyc","addPresetContainer":"_5mV3fS","dropContainer":"RL6Fpf"};
+var css$D = {"divider":"gLsq-B","dropdownDeleteIcon":"Nt0O38","presetsWrapper":"yNKxfT","addPresetContainer":"-UACv-","dropContainer":"-V7pyg"};
 
 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); }
@@ -2905,22 +3016,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/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.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.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__*/forwardRef(SvgActionDeleteOutline);
-
-var css$C = {"delete-button":"V609Tt","tab-button":"fzjDwT","targetOpen":"FRmgAg","deleteButton":"V609Tt","tabButton":"fzjDwT"};
+var css$C = {"delete-button":"hdJ6GI","tab-button":"OXjbnu","targetOpen":"_9oJSVN","deleteButton":"hdJ6GI","tabButton":"OXjbnu"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -2970,7 +3066,7 @@ function PresetActionsDropdown(props) {
             React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-copyLink`, icon: ForwardRef$j, caption: "Copy Link", onClick: copyUrlToClipboard }),
             !isReadonlyPreset && (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(DropdownMenuSplitter, { key: "delete-splitter" }),
-                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$i, caption: "Delete", cx: css$C.deleteButton, onClick: deleteHandler })))));
+                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$r, caption: "Delete", cx: css$C.deleteButton, onClick: deleteHandler })))));
     };
     const renderTarget = useCallback((dropdownProps) => {
         return (React__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" })));
@@ -2978,7 +3074,7 @@ function PresetActionsDropdown(props) {
     return (React__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":"IWGqcV","preset-input":"MA5x-k","presetInputCell":"IWGqcV","presetInput":"MA5x-k"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -3011,7 +3107,7 @@ function PresetInput(props) {
         React__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":"_5td9-7","activePreset":"G0EzZC"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -3032,6 +3128,23 @@ function Preset(props) {
     return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__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__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.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.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__*/forwardRef(SvgActionDeleteForeverFill);
+
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = useState(false);
     const setAddingPreset = useCallback(() => {
@@ -3054,7 +3167,7 @@ function PresetsPanel(props) {
         return (React__default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__default.createElement(FlexRow, null,
                 React__default.createElement("div", { className: css$D.divider }),
                 React__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__default.createElement(DropdownMenuBody, Object.assign({ minWidth: 230 }, propsBody),
-                React__default.createElement(ScrollBars$1, null, hiddenItems.map((hiddenItem) => (React__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__default.createElement(ScrollBars$1, null, hiddenItems.map((hiddenItem) => (React__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;
@@ -3113,25 +3226,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":"SERcjn","line-height-18":"fVVpJt","line-height-24":"e31M2V","line-height-30":"_7brrSE","font-size-10":"WZNxfT","font-size-12":"E7iJ4o","font-size-14":"Ifvwrz","font-size-16":"PnsCR0","font-size-18":"H23nLx","font-size-24":"F3wBjK","v-padding-2":"ivMo0H","v-padding-3":"MZKUHG","v-padding-5":"cq8iGt","v-padding-6":"udVog9","v-padding-8":"_9v03ys","v-padding-9":"Rgl-tJ","v-padding-11":"woY0ZX","v-padding-12":"CKAMMY","v-padding-14":"Z4s4B9","v-padding-15":"pK54Mg","v-padding-17":"cZN17b","v-padding-18":"FKqMog","v-padding-23":"_2LR3zd","v-padding-24":"Qbs5Zp","lineHeight12":"SERcjn","lineHeight18":"fVVpJt","lineHeight24":"e31M2V","lineHeight30":"_7brrSE","fontSize10":"WZNxfT","fontSize12":"E7iJ4o","fontSize14":"Ifvwrz","fontSize16":"PnsCR0","fontSize18":"H23nLx","fontSize24":"F3wBjK","vPadding2":"ivMo0H","vPadding3":"MZKUHG","vPadding5":"cq8iGt","vPadding6":"udVog9","vPadding8":"_9v03ys","vPadding9":"Rgl-tJ","vPadding11":"woY0ZX","vPadding12":"CKAMMY","vPadding14":"Z4s4B9","vPadding15":"pK54Mg","vPadding17":"cZN17b","vPadding18":"FKqMog","vPadding23":"_2LR3zd","vPadding24":"Qbs5Zp"};
 
-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 [
@@ -3139,11 +3243,11 @@ function getTextClasses(props, border) {
     ];
 }
 
-var css$y = {"root":"LKdhpo"};
+var css$y = {"root":"JnRYe7"};
 
 function applyTextMods(mods) {
     const textClasses = getTextClasses({
-        size: mods.size || '36',
+        size: mods.size || settings.sizes.defaults.text,
         lineHeight: mods.lineHeight,
         fontSize: mods.fontSize,
     }, false);
@@ -3158,7 +3262,7 @@ function applyTextMods(mods) {
 }
 const Text = /* @__PURE__ */withMods(uuiComponents.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":"-pFXyW","loading-word":"_33mFUf","animated-loading":"QsQbkF","skeleton_loading":"g0m5MF","loadingWord":"_33mFUf","animatedLoading":"QsQbkF","skeletonLoading":"g0m5MF"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -3177,7 +3281,7 @@ const TextPlaceholder = (props) => {
 
 const RichTextView = /* @__PURE__ */withMods(uuiComponents.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":"mgtRF-","hero-header":"FgrSLR","promo-header":"e2eyni","uui-critical":"UkPE8T","uui-info":"vqlymL","uui-success":"cdBn7N","uui-warning":"jXeE4L","uui-highlight":"MQoNxi","uui-typography-size-12":"lD82jb","uui-typography-size-14":"_3adTiR","uui-typography-size-16":"R6UFzo","root":"aD2RH7","modal-blocker":"SavMY-","animateModalBlocker":"GhEbZP","modal":"GGXsWK","modal-footer":"xww5AU","modal-header":"gL8j2F","uuiTypography":"mgtRF-","heroHeader":"FgrSLR","promoHeader":"e2eyni","uuiCritical":"UkPE8T","uuiInfo":"vqlymL","uuiSuccess":"cdBn7N","uuiWarning":"jXeE4L","uuiHighlight":"MQoNxi","uuiTypographySize12":"lD82jb","uuiTypographySize14":"_3adTiR","uuiTypographySize16":"R6UFzo","modalBlocker":"SavMY-","modalFooter":"xww5AU","modalHeader":"gL8j2F"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$w.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$w.root, css$w.modal], (props) => {
@@ -3196,19 +3300,19 @@ const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$w.root, cs
             maxHeight }),
     };
 });
-class ModalHeader extends React.Component {
+class ModalHeader extends React__default.Component {
     render() {
-        return (React.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.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
+        return (React__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__default.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
             this.props.children,
-            this.props.onClose && React.createElement(FlexSpacer, null),
-            this.props.onClose && (React.createElement(FlexCell, { shrink: 0, width: "auto" },
-                React.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$Q, onClick: this.props.onClose })))));
+            this.props.onClose && React__default.createElement(FlexSpacer, null),
+            this.props.onClose && (React__default.createElement(FlexCell, { shrink: 0, width: "auto" },
+                React__default.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$Q, onClick: this.props.onClose })))));
     }
 }
-class ModalFooter extends React.Component {
+class ModalFooter extends React__default.Component {
     render() {
-        return (React.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
+        return (React__default.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
                 css$w.root,
                 css$w.modalFooter,
                 this.props.cx,
@@ -3231,7 +3335,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
 };
 var ForwardRef$h = /*#__PURE__*/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":"-y5UyA","hero-header":"pf6CuY","promo-header":"Nv-toi","uui-critical":"DU4TPW","uui-info":"MXHu4z","uui-success":"RnAK8T","uui-warning":"_1luZCq","uui-highlight":"DBxaW-","uui-typography-size-12":"pdSxez","uui-typography-size-14":"M-rS41","uui-typography-size-16":"rUSMXd","root":"XzGlMG","icon-wrapper":"vPks8V","action-wrapper":"_6SKJtB","action-link":"hwCYkH","close-icon":"TuYQSp","main-path":"_5xv-K2","content":"ZN-MDY","close-wrapper":"SCO0Ao","notification-wrapper":"VPR2Mi","clear-button":"PjFcxe","uuiTypography":"-y5UyA","heroHeader":"pf6CuY","promoHeader":"Nv-toi","uuiCritical":"DU4TPW","uuiInfo":"MXHu4z","uuiSuccess":"RnAK8T","uuiWarning":"_1luZCq","uuiHighlight":"DBxaW-","uuiTypographySize12":"pdSxez","uuiTypographySize14":"M-rS41","uuiTypographySize16":"rUSMXd","iconWrapper":"vPks8V","actionWrapper":"_6SKJtB","actionLink":"hwCYkH","closeIcon":"TuYQSp","mainPath":"_5xv-K2","closeWrapper":"SCO0Ao","notificationWrapper":"VPR2Mi","clearButton":"PjFcxe"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -3307,6 +3411,64 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
+var css$u = {"root":"whuI-d","timepicker-input":"Du-izy","ltr-always":"MfDtNi","timepickerInput":"Du-izy","ltrAlways":"MfDtNi"};
+
+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.createElement("div", Object.assign({ className: cx$1(css$u.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
+        React.createElement("div", { className: css$u.ltrAlways },
+            React.createElement("div", { className: uuiTimePicker.elementContainer },
+                React.createElement(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.createElement(NumericInput$1, { 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.createElement(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.createElement("div", { className: uuiTimePicker.elementContainer },
+                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
+                React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
+                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick }))),
+        MAX_HOURS === FORMAT_12H && (React.createElement("div", { className: uuiTimePicker.elementContainer },
+            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
+            React.createElement(TextInput$1, { cx: uuiTimePicker.input, onValueChange: () => {
+                }, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
+            React.createElement(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')) {
@@ -3353,8 +3515,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)
@@ -3444,62 +3604,7 @@ function TimePicker(props) {
     return (React__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.createElement("div", Object.assign({ className: cx$1(css$u.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
-        React.createElement("div", { className: uuiTimePicker.elementContainer },
-            React.createElement(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.createElement(NumericInput$1, { 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.createElement(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.createElement("div", { className: uuiTimePicker.elementContainer },
-            React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
-            React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
-            React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick })),
-        MAX_HOURS === FORMAT_12H && (React.createElement("div", { className: uuiTimePicker.elementContainer },
-            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
-            React.createElement(TextInput$1, { cx: uuiTimePicker.input, onValueChange: () => {
-                }, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
-            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
-}
-
-var css$t = {"root":"_1tTUIl"};
+var css$t = {"root":"_8Vnxuz"};
 
 function applyInputAddonMods() {
     return [
@@ -3508,7 +3613,7 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$s = {"root":"_0gQFBI"};
+var css$s = {"root":"ECPfU6"};
 
 function applySliderMods() {
     return [css$s.root, 'uui-color-neutral'];
@@ -3562,7 +3667,7 @@ function DatePickerComponent(props, ref) {
         const allowClear = !props.disableClear && !!inputValue;
         return (React__default.createElement(TextInput, Object.assign({}, renderProps, { 
             // fixes a bug with body open, it skips unwanted prevent default
-            onClick: () => { }, isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && 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: cx$1(props.inputCx, isBodyOpen && 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) {
@@ -3591,14 +3696,14 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__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":"wLARps","hero-header":"jAq1DI","promo-header":"bnKLnk","uui-critical":"_5-sSsO","uui-info":"qRKYyl","uui-success":"morok5","uui-warning":"l6594V","uui-highlight":"WxZM2L","uui-typography-size-12":"egpev-","uui-typography-size-14":"kacBZ0","uui-typography-size-16":"NvfHqC","root":"kFUmzz","uuiTypography":"wLARps","heroHeader":"jAq1DI","promoHeader":"bnKLnk","uuiCritical":"_5-sSsO","uuiInfo":"qRKYyl","uuiSuccess":"morok5","uuiWarning":"l6594V","uuiHighlight":"WxZM2L","uuiTypographySize12":"egpev-","uuiTypographySize14":"kacBZ0","uuiTypographySize16":"NvfHqC"};
 
 function applyCalendarPresetsMods() {
     return [css$r.root];
 }
 const CalendarPresets = /* @__PURE__ */withMods(CalendarPresets$1, 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":"ksJB49","hero-header":"qcL0m8","promo-header":"_9tkvF6","uui-critical":"XAYpKH","uui-info":"RkQp32","uui-success":"-vDXje","uui-warning":"H4gEVZ","uui-highlight":"_-8tDjf","uui-typography-size-12":"pjhitz","uui-typography-size-14":"nOOySy","uui-typography-size-16":"qnKJn0","root":"ehGqM-","container":"hJFEvd","day-selection":"EiQ1ge","from-picker":"VLc2Jx","to-picker":"_5EYohA","bodes-wrapper":"gosv7C","blocker":"gqPqtC","uuiTypography":"ksJB49","heroHeader":"qcL0m8","promoHeader":"_9tkvF6","uuiCritical":"XAYpKH","uuiInfo":"RkQp32","uuiSuccess":"-vDXje","uuiWarning":"H4gEVZ","uuiHighlight":"_-8tDjf","uuiTypographySize12":"pjhitz","uuiTypographySize14":"nOOySy","uuiTypographySize16":"qnKJn0","daySelection":"EiQ1ge","fromPicker":"VLc2Jx","toPicker":"_5EYohA","bodesWrapper":"gosv7C"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3842,7 +3947,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__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":"jGY3hn","blocker":"-mJmr6","marker":"zjiTrZ","top":"a267wA","bottom":"yam2vK","left":"mheuyY","right":"aKAsOX","inside":"_0QQQFL"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3857,7 +3962,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":"cKVLUA","hero-header":"ChpSA6","promo-header":"hy4psS","uui-critical":"cS-9-Z","uui-info":"pfZGlf","uui-success":"uvI46p","uui-warning":"pW8GLy","uui-highlight":"_3SMfoR","uui-typography-size-12":"ebifGW","uui-typography-size-14":"_4rzHqL","uui-typography-size-16":"_8s1IKv","cell":"ZGMzPJ","wrapper":"B7mhJb","align-widgets-top":"Br23fz","size-24":"_1yV1GD","size-30":"XAG9da","size-36":"DTCHf-","size-42":"n2DN-p","size-48":"z-y-XY","size-60":"RRvv7Y","align-widgets-center":"HK2PY4","padding-6":"zH0iWg","padding-12":"_8sGipC","padding-24":"GtPrHm","padding-left-12":"YSLJW4","padding-left-24":"-tRYl3","padding-right-12":"qR81ew","padding-right-24":"ZZbpJq","loading-cell":"nFHZxj","uuiTypography":"cKVLUA","heroHeader":"ChpSA6","promoHeader":"hy4psS","uuiCritical":"cS-9-Z","uuiInfo":"pfZGlf","uuiSuccess":"uvI46p","uuiWarning":"pW8GLy","uuiHighlight":"_3SMfoR","uuiTypographySize12":"ebifGW","uuiTypographySize14":"_4rzHqL","uuiTypographySize16":"_8s1IKv","alignWidgetsTop":"Br23fz","size24":"_1yV1GD","size30":"XAG9da","size36":"DTCHf-","size42":"n2DN-p","size48":"z-y-XY","size60":"RRvv7Y","alignWidgetsCenter":"HK2PY4","padding6":"zH0iWg","padding12":"_8sGipC","padding24":"GtPrHm","paddingLeft12":"YSLJW4","paddingLeft24":"-tRYl3","paddingRight12":"qR81ew","paddingRight24":"ZZbpJq","loadingCell":"nFHZxj"};
 
 function DataTableCell(props) {
     props = Object.assign({}, props);
@@ -3905,7 +4010,7 @@ function DataTableCell(props) {
     return React.createElement(DataTableCell$1, 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":"_3Ns6hL","hero-header":"oKiRak","promo-header":"JQL8VU","uui-critical":"pt4kjH","uui-info":"Eudec3","uui-success":"bNfpQm","uui-warning":"xmM-bI","uui-highlight":"zagrly","uui-typography-size-12":"HbD7Rg","uui-typography-size-14":"Rqf04x","uui-typography-size-16":"SgKCdR","root":"OhKVuy","size-24":"-Awctv","size-30":"_30Fdzc","size-36":"qzRyIX","size-48":"miV1Zy","size-60":"qlWXEu","uuiTypography":"_3Ns6hL","heroHeader":"oKiRak","promoHeader":"JQL8VU","uuiCritical":"pt4kjH","uuiInfo":"Eudec3","uuiSuccess":"bNfpQm","uuiWarning":"xmM-bI","uuiHighlight":"zagrly","uuiTypographySize12":"HbD7Rg","uuiTypographySize14":"Rqf04x","uuiTypographySize16":"SgKCdR","size24":"-Awctv","size30":"_30Fdzc","size36":"qzRyIX","size48":"miV1Zy","size60":"qlWXEu"};
 
 // 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.
@@ -3921,7 +4026,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => 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":"_7A2nce","hero-header":"ZX6qq6","promo-header":"c2X2ox","uui-critical":"E9d5Hl","uui-info":"D3rE4T","uui-success":"V23pqQ","uui-warning":"QXAIDp","uui-highlight":"HDC-OY","uui-typography-size-12":"_4VG0OR","uui-typography-size-14":"MrVC8V","uui-typography-size-16":"wjN5tq","sorting-panel-container":"lwNSrO","sort-active":"_4t0KHA","uuiTypography":"_7A2nce","heroHeader":"ZX6qq6","promoHeader":"c2X2ox","uuiCritical":"E9d5Hl","uuiInfo":"D3rE4T","uuiSuccess":"V23pqQ","uuiWarning":"QXAIDp","uuiHighlight":"HDC-OY","uuiTypographySize12":"_4VG0OR","uuiTypographySize14":"MrVC8V","uuiTypographySize16":"wjN5tq","sortingPanelContainer":"lwNSrO","sortActive":"_4t0KHA"};
 
 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); }
@@ -4051,7 +4156,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$a = /*#__PURE__*/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":"rYAD05","hero-header":"BhBLqn","promo-header":"_1QT8Em","uui-critical":"dDtRLc","uui-info":"nrwD3p","uui-success":"WaEn6A","uui-warning":"Gb78YR","uui-highlight":"DkYmRT","uui-typography-size-12":"MEMzFi","uui-typography-size-14":"eOOfsV","uui-typography-size-16":"jj-ZPi","cell":"YJOxEE","column-gap-12":"yWA1Sc","caption-wrapper":"bCn1MX","column-gap-24":"ZwgoDk","first-column-12":"UCmZOj","last-column-12":"YX6Xcw","first-column-24":"kSTRLt","last-column-24":"-SOlVy","sort-icon":"uC8F1K","dropdown-icon":"rKjLsg","infoIcon":"vRhRN5","resizable":"_5PUQ6d","size-24":"fjjmnC","size-30":"r3yvl0","size-36":"_1Mx9Qy","size-42":"_6U6Xuv","size-48":"rBHZQQ","padding-left-24":"LBlNED","padding-right-24":"Xhnh7S","align-right":"wQolNF","align-center":"cJVT6x","caption":"-TOdsq","checkbox":"NcOajL","icon":"S6us3O","fold-all-icon":"SURbOi","cell-tooltip":"Mg1KB0","upper-case":"d1HUWo","font-size-14":"N3T-2O","resize-mark":"_5QZVdw","resize-mark-6":"-XtSWE","resize-mark-12":"xZhz9K","pinned-right":"_08PPtb","draggable":"DRcKAI","ghost":"JTgZ2K","is-dragged-out":"_7lEmNo","dnd-marker-left":"m1rpFc","dnd-marker-right":"u-p6vP","cell-tooltip-wrapper":"Kv-rBi","cell-tooltip-text":"BslpFr","uuiTypography":"rYAD05","heroHeader":"BhBLqn","promoHeader":"_1QT8Em","uuiCritical":"dDtRLc","uuiInfo":"nrwD3p","uuiSuccess":"WaEn6A","uuiWarning":"Gb78YR","uuiHighlight":"DkYmRT","uuiTypographySize12":"MEMzFi","uuiTypographySize14":"eOOfsV","uuiTypographySize16":"jj-ZPi","columnGap12":"yWA1Sc","captionWrapper":"bCn1MX","columnGap24":"ZwgoDk","firstColumn12":"UCmZOj","lastColumn12":"YX6Xcw","firstColumn24":"kSTRLt","lastColumn24":"-SOlVy","sortIcon":"uC8F1K","dropdownIcon":"rKjLsg","size24":"fjjmnC","size30":"r3yvl0","size36":"_1Mx9Qy","size42":"_6U6Xuv","size48":"rBHZQQ","paddingLeft24":"LBlNED","paddingRight24":"Xhnh7S","alignRight":"wQolNF","alignCenter":"cJVT6x","foldAllIcon":"SURbOi","cellTooltip":"Mg1KB0","upperCase":"d1HUWo","fontSize14":"N3T-2O","resizeMark":"_5QZVdw","resizeMark6":"-XtSWE","resizeMark12":"xZhz9K","pinnedRight":"_08PPtb","isDraggedOut":"_7lEmNo","dndMarkerLeft":"m1rpFc","dndMarkerRight":"u-p6vP","cellTooltipWrapper":"Kv-rBi","cellTooltipText":"BslpFr"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -4133,14 +4238,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$9 = /*#__PURE__*/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":"-BKU3e","hero-header":"QrAFAe","promo-header":"hxhjSi","uui-critical":"_8Z33jb","uui-info":"lp8BnU","uui-success":"_8qfG2h","uui-warning":"tdSwsi","uui-highlight":"Ymuedf","uui-typography-size-12":"xCFS5N","uui-typography-size-14":"qy4YG0","uui-typography-size-16":"pK8B77","header-cell":"hIWf9I","truncate":"YLlZwq","uuiTypography":"-BKU3e","heroHeader":"QrAFAe","promoHeader":"hxhjSi","uuiCritical":"_8Z33jb","uuiInfo":"lp8BnU","uuiSuccess":"_8qfG2h","uuiWarning":"tdSwsi","uuiHighlight":"Ymuedf","uuiTypographySize12":"xCFS5N","uuiTypographySize14":"qy4YG0","uuiTypographySize16":"pK8B77","headerCell":"hIWf9I"};
 
 const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
     renderCell: (props) => React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
     renderConfigButton: () => React.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":"PVeqnx","hero-header":"_7WdazM","promo-header":"UNkJbb","uui-critical":"JzJQdG","uui-info":"k7c7Ma","uui-success":"zoRfJa","uui-warning":"zYAa9b","uui-highlight":"gvYwY4","uui-typography-size-12":"S6wBGo","uui-typography-size-14":"_0ykmZC","uui-typography-size-16":"TOH62m","main-panel":"DQ-ClI","group-title":"znCQEX","group-title-text":"qs-6dF","group-title-badge":"cWE-ix","group-items":"rROjO0","no-data":"rEYY88","h-divider":"ZNGIU7","search-area":"LjrZRB","subgroup-accordion":"wdM3sF","subgroup-title":"ima-XA","uuiTypography":"PVeqnx","heroHeader":"_7WdazM","promoHeader":"UNkJbb","uuiCritical":"JzJQdG","uuiInfo":"k7c7Ma","uuiSuccess":"zoRfJa","uuiWarning":"zYAa9b","uuiHighlight":"gvYwY4","uuiTypographySize12":"S6wBGo","uuiTypographySize14":"_0ykmZC","uuiTypographySize16":"TOH62m","mainPanel":"DQ-ClI","groupTitle":"znCQEX","groupTitleText":"qs-6dF","groupTitleBadge":"cWE-ix","groupItems":"rROjO0","noData":"rEYY88","hDivider":"ZNGIU7","searchArea":"LjrZRB","subgroupAccordion":"wdM3sF","subgroupTitle":"ima-XA"};
 
 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); }
@@ -4197,7 +4302,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
 
-var css$j = {"unpin-icon":"_1339To","pin-toggler-icon":"yAcesw","unpinIcon":"_1339To","pinTogglerIcon":"yAcesw"};
+var css$j = {"unpin-icon":"iSyZ04","pin-toggler-icon":"qwn4ik","unpinIcon":"iSyZ04","pinTogglerIcon":"qwn4ik"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4256,7 +4361,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/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":"VMlQRF","hero-header":"sa5pDW","promo-header":"_55UOzx","uui-critical":"xX4u7n","uui-info":"_64EqGS","uui-success":"OLFHpN","uui-warning":"FMcOSG","uui-highlight":"_6oEgbS","uui-typography-size-12":"a1lKkW","uui-typography-size-14":"J30Yid","uui-typography-size-16":"F2Wg6e","row-wrapper":"xeGy3R","not-pinned":"cRf0cs","pin-icon-button":"_2LTon6","checkbox":"FnGRD-","drag-handle":"PHeX9j","dnd-disabled":"dHUUk2","uuiTypography":"VMlQRF","heroHeader":"sa5pDW","promoHeader":"_55UOzx","uuiCritical":"xX4u7n","uuiInfo":"_64EqGS","uuiSuccess":"OLFHpN","uuiWarning":"FMcOSG","uuiHighlight":"_6oEgbS","uuiTypographySize12":"a1lKkW","uuiTypographySize14":"J30Yid","uuiTypographySize16":"F2Wg6e","rowWrapper":"xeGy3R","notPinned":"cRf0cs","pinIconButton":"_2LTon6","dragHandle":"PHeX9j","dndDisabled":"dHUUk2"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4365,7 +4470,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"_5Ug05V","header":"faLhCL","group":"nHHIXQ","stickyHeader":"BhAxHk"};
+var css$i = {"listContainer":"u1wm8I","header":"t91xdE","group":"nINsxm","stickyHeader":"nd98ix"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4431,7 +4536,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#oud3bez3wwsq1kf2e_a)"
+    clipPath: "url(#hehich6bfuegojv77_a)"
   }, _path$4 || (_path$4 = /*#__PURE__*/React.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"
@@ -4452,7 +4557,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.createElement("mask", {
-    id: "oud3be4qsrbtiabdx_b",
+    id: "hehichxv7wkbti1n_b",
     style: {
       maskType: "alpha"
     },
@@ -4465,7 +4570,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.createElement("g", {
-    mask: "url(#oud3be4qsrbtiabdx_b)",
+    mask: "url(#hehichxv7wkbti1n_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4551,7 +4656,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.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "oud3bez3wwsq1kf2e_a"
+    id: "hehich6bfuegojv77_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4560,7 +4665,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/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":"WhowUn","table":"ENVPNh","no-results":"MK3nTP","no-results-icon":"_1FktTF","no-results-title":"_5quJg4","stickyHeader":"WhowUn","noResults":"MK3nTP","noResultsIcon":"_1FktTF","noResultsTitle":"_5quJg4"};
 
 const DEFAULT_HEADER_SIZE = '36';
 const DEFAULT_COLUMN_GAP = '24';
@@ -4613,9 +4718,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"NwFtrf"};
+var css$g = {"root":"_3Sbr-A"};
 
-var css$f = {"root":"_9X4g7Y","burger-content":"_3zTLho","burgerContent":"_3zTLho"};
+var css$f = {"root":"cJl3AE","burger-content":"_0yRkln","burgerContent":"_0yRkln"};
 
 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); }
@@ -4658,7 +4763,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/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":"LIiF6u","hero-header":"WAgNsS","promo-header":"_5nKK-y","uui-critical":"qSM23U","uui-info":"-Pv4KZ","uui-success":"IbA3L2","uui-warning":"DtSG2S","uui-highlight":"_4XeAJs","uui-typography-size-12":"ebmc86","uui-typography-size-14":"CKc8SQ","uui-typography-size-16":"JVoRt0","root":"Ovv3JE","button-primary":"k5jHHd","button-secondary":"UXfHz7","hasIcon":"ji0nqt","dropdown":"nTL43C","uuiTypography":"LIiF6u","heroHeader":"WAgNsS","promoHeader":"_5nKK-y","uuiCritical":"qSM23U","uuiInfo":"-Pv4KZ","uuiSuccess":"IbA3L2","uuiWarning":"DtSG2S","uuiHighlight":"_4XeAJs","uuiTypographySize12":"ebmc86","uuiTypographySize14":"CKc8SQ","uuiTypographySize16":"JVoRt0","buttonPrimary":"k5jHHd","buttonSecondary":"UXfHz7"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -4669,13 +4774,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     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":"iT5G8E","searchInput":"iT5G8E"};
 
 function BurgerSearch(props) {
     return (React.createElement(TextInput$1, { cx: cx(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":"_6qDBP6","group-header":"D8A0OF","group-name":"nqE2Io","line":"Y3tpLt","groupHeader":"D8A0OF","groupName":"nqE2Io"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -4683,7 +4788,7 @@ function BurgerGroupHeader(props) {
         React.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":"oXthX-","hero-header":"qLI3P3","promo-header":"a5Xd4d","uui-critical":"XpeJkP","uui-info":"_0d0VPN","uui-success":"_43xIIH","uui-warning":"s91TVN","uui-highlight":"BStF3i","uui-typography-size-12":"N48h5J","uui-typography-size-14":"mrkU7M","uui-typography-size-16":"MQYoTk","root":"rKDc2a","type-primary":"_2bSado","type-secondary":"QXOOqW","uuiTypography":"oXthX-","heroHeader":"qLI3P3","promoHeader":"a5Xd4d","uuiCritical":"XpeJkP","uuiInfo":"_0d0VPN","uuiSuccess":"_43xIIH","uuiWarning":"s91TVN","uuiHighlight":"BStF3i","uuiTypographySize12":"N48h5J","uuiTypographySize14":"mrkU7M","uuiTypographySize16":"MQYoTk","typePrimary":"_2bSado","typeSecondary":"QXOOqW"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type } = props, clickableProps = __rest(props, ["type"]);
@@ -4699,7 +4804,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"Eqejoo","dropdownBody":"Eqejoo"};
+var css$a = {"dropdown-body":"zDv92E","dropdownBody":"zDv92E"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -4754,12 +4859,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/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":"-me6R2","global-menu-icon":"_2qa9h9","globalMenuBtn":"-me6R2","globalMenuIcon":"_2qa9h9"};
 
 const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx) }, props.rawProps),
     React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"GwVVf0","open":"gojqhk"};
+var css$8 = {"container":"IoiT-g","open":"NOb2-K"};
 
 const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
     React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
@@ -4767,18 +4872,18 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
     props.isDropdown && (React.createElement("div", null,
         React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
 
-var css$7 = {"search-input":"akNA5i","searchInput":"akNA5i"};
+var css$7 = {"search-input":"QBcIMG","searchInput":"QBcIMG"};
 
 const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
         return (React.createElement(TextInput$1, 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: cx$1(css$7.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
-var css$6 = {"container":"DEYDSt"};
+var css$6 = {"container":"p-Mo66"};
 
 const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container) }, props))));
 
-var css$5 = {"root":"IKaqUH"};
+var css$5 = {"root":"ehgEX7"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -4836,7 +4941,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/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":"PnNPNO","drop-start":"qQEZHe","drop-over":"HXYhr-","link":"BeNoTM","drop-area":"vF-eOy","drop-caption":"SSs9Ft","icon-blue":"RB9UzS","dropStart":"qQEZHe","dropOver":"HXYhr-","dropArea":"vF-eOy","dropCaption":"SSs9Ft","iconBlue":"RB9UzS"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -4854,9 +4959,9 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { 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":"_1YQLmI","hero-header":"ciTRKm","promo-header":"Bt8Fqo","uui-critical":"aAvxap","uui-info":"kdzoK-","uui-success":"Tiuhbn","uui-warning":"v1mwLw","uui-highlight":"O4gcMB","uui-typography-size-12":"l-B1-x","uui-typography-size-14":"oh2sBj","uui-typography-size-16":"IVhjfl","root":"OyN-QF","file-name":"b8vI19","default-color":"n-Nrec","doc-color":"mUe3hr","xls-color":"MgHB34","pdf-color":"blYswp","movie-color":"aOcvPQ","img-color":"_5zM0A-","mov-color":"KzoYdf","error-block":"wyPdLl","icons-block":"CQe2J2","uuiTypography":"_1YQLmI","heroHeader":"ciTRKm","promoHeader":"Bt8Fqo","uuiCritical":"aAvxap","uuiInfo":"kdzoK-","uuiSuccess":"Tiuhbn","uuiWarning":"v1mwLw","uuiHighlight":"O4gcMB","uuiTypographySize12":"l-B1-x","uuiTypographySize14":"oh2sBj","uuiTypographySize16":"IVhjfl","fileName":"b8vI19","defaultColor":"n-Nrec","docColor":"mUe3hr","xlsColor":"MgHB34","pdfColor":"blYswp","movieColor":"aOcvPQ","imgColor":"_5zM0A-","movColor":"KzoYdf","errorBlock":"wyPdLl","iconsBlock":"CQe2J2"};
 
-var css$2 = {"root":"VI9lCI"};
+var css$2 = {"root":"HGkmFw"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -4981,7 +5086,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"I4yjoV"};
+var css$1 = {"container":"RTlZa2"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -4992,7 +5097,7 @@ const ErrorPage = (props) => {
             React__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":"Yss-PI","recovery-message":"_5MizJV","modal-blocker":"KFzo04","modalFadeIn":"yAs-vW","recoverySpinner":"Yss-PI","recoveryMessage":"_5MizJV","modalBlocker":"KFzo04"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
@@ -5043,5 +5148,5 @@ function ErrorHandler(props) {
         errorType === 'recovery' && renderRecoveryBlocker(errorInfo)));
 }
 
-export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
+export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, settings, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
 //# sourceMappingURL=index.esm.js.map