@epam/uui 6.1.6 → 6.1.7-beta.3

package/index.esm.js

@@ -1,7 +1,7 @@
 import * as uuiComponents from '@epam/uui-components';
 import { Spinner as Spinner$1, Blocker as Blocker$1, 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, InputAddon as InputAddon$1, Slider as Slider$1, Anchor as Anchor$1, FlexSpacer, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, Calendar as Calendar$1, YearSelection, MonthSelection, Day, uuiDaySelection, AvatarStack as AvatarStack$1, Paginator as Paginator$1, DragHandle, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableCellContainer, DataTableHeaderCell as DataTableHeaderCell$1, DataTableHeaderRow as DataTableHeaderRow$1, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, useShowSelected, usePickerApi, AdaptivePanel, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
 export { Avatar, DataTableCellContainer, FlexSpacer, IconContainer } from '@epam/uui-components';
-import { withMods, devLogger, uuiElement, cx as cx$1, uuiMarkers, IEditableDebouncer, isFocusReceiverInsideFocusLock, UuiContext, uuiMod, getDir, isEventTargetInsideClickable, directionMode, useVirtualList, useScrollShadows, isMobile, i18n as i18n$1, useUuiContext, useLayoutEffectSafeForSsr, usePrevious, mobilePositioning, uuiDataTableHeaderCell, uuiDataTableHeaderGroupCell, DndActor, uuiDndState, useColumnsConfig, uuiScrollShadows, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
+import { withMods, devLogger, uuiElement, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, getDir, isEventTargetInsideClickable, directionMode, useVirtualList, useScrollShadows, isMobile, i18n as i18n$1, useUuiContext, useLayoutEffectSafeForSsr, usePrevious, mobilePositioning, uuiDataTableHeaderCell, uuiDataTableHeaderGroupCell, DndActor, uuiDndState, useColumnsConfig, uuiScrollShadows, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
 import * as React from 'react';
 import React__default, { forwardRef, useState, useEffect, useContext, useRef, useReducer, useMemo, useImperativeHandle, useCallback, Fragment } from 'react';
 import cx from 'classnames';
@@ -151,7 +151,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#zngir4t0nla7zy4us_a)"
+    clipPath: "url(#uz2h08fmmk15ahzp9_a)"
   }, _path$I || (_path$I = /*#__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"
@@ -172,7 +172,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: "zngir4jobdpgf16va_b",
+    id: "uz2h081g6dbfucrh3_b",
     style: {
       maskType: "alpha"
     },
@@ -185,7 +185,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(#zngir4jobdpgf16va_b)",
+    mask: "url(#uz2h081g6dbfucrh3_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -271,7 +271,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: "zngir4t0nla7zy4us_a"
+    id: "uz2h08fmmk15ahzp9_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -922,14 +922,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$1w = {"root":"_7Cw6sr","uui-spinner":"yLSm3A","uuiSpinner":"yLSm3A"};
+var css$1w = {"root":"eE20hH","uui-spinner":"z9WWBb","uuiSpinner":"z9WWBb"};
 
 function applySpinnerMods() {
     return [css$1w.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
-var css$1v = {"root":"qYBQfX","loading-word":"COWDFN","loadingWord":"COWDFN","animated-loading":"BsIQvc","animatedLoading":"BsIQvc","skeleton_loading":"jo-fi4","skeletonLoading":"jo-fi4"};
+var css$1v = {"root":"Q-iR6V","loading-word":"LYjOa2","loadingWord":"LYjOa2","animated-loading":"icuoRK","animatedLoading":"icuoRK","skeleton_loading":"lVKSKr","skeletonLoading":"lVKSKr"};
 
 const TextPlaceholder = (props) => {
     const pattern = ' ';
@@ -946,7 +946,7 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var css$1u = {"root":"VLGaOP","line-height":"_2A6QyH","lineHeight":"_2A6QyH","font-size":"IcMU-q","fontSize":"IcMU-q"};
+var css$1u = {"root":"wKbSly","line-height":"qtL-1n","lineHeight":"qtL-1n","font-size":"_9Pa3gj","fontSize":"_9Pa3gj"};
 
 function applyTextMods(mods) {
     return [
@@ -973,7 +973,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
     };
 });
 
-var css$1t = {"root":"TbuKZ1"};
+var css$1t = {"root":"mTlU3V"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
 
@@ -1461,7 +1461,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1s = {"root":"SVeetq"};
+var css$1s = {"root":"dsqtWQ"};
 
 function applyButtonMods(mods) {
     return [
@@ -1479,7 +1479,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1r = {"root":"h5alwc"};
+var css$1r = {"root":"HvGr-0"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
@@ -1516,7 +1516,7 @@ 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 = {"root":"l5hgP5"};
+var css$1q = {"root":"E4Sc9P"};
 
 const DEFAULT_COLOR = 'primary';
 const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1546,7 +1546,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1p = {"root":"NVYrwJ"};
+var css$1p = {"root":"L1tiRD"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1558,7 +1558,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1o = {"root":"QOe6ly","withNotify":"dehzNS"};
+var css$1o = {"root":"g4uS4V","withNotify":"_9uzAL4"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
@@ -1586,14 +1586,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1n = {"root":"_6tSgJm"};
+var css$1n = {"root":"gyXcWl"};
 
 function applyVerticalTabButtonMods() {
     return [css$1n.root, 'uui-vertical-tab-button'];
 }
 const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
 
-var css$1m = {"root":"-wAjV0"};
+var css$1m = {"root":"mX94Ob"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1611,7 +1611,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1l = {"root":"-lUgBZ"};
+var css$1l = {"root":"o8qmgp"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -1623,7 +1623,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
 
-var css$1k = {"root":"_13R81u"};
+var css$1k = {"root":"_61bn0E"};
 
 function applySwitchMods(mods) {
     return [
@@ -1647,7 +1647,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"sxnpdT"};
+var textInputCss = {"root":"s5yRfY"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -1672,7 +1672,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } }));
 });
 
-var css$1j = {"root":"Keav0X"};
+var css$1j = {"root":"_3uiLCo"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root, 'uui-control-group']);
 
@@ -1688,7 +1688,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1i = {"root":"xUz-GC"};
+var css$1i = {"root":"r-X22c"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1708,7 +1708,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1h = {"root":"P8zOLO"};
+var css$1h = {"root":"zotoeH"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1749,7 +1749,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var css$1g = {"root":"W81OfP"};
+var css$1g = {"root":"Aaz7Ol"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1760,7 +1760,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1f = {"root":"MOlAKT","timepicker-input":"uyLX5Q","timepickerInput":"uyLX5Q","ltr-always":"n1gKWe","ltrAlways":"n1gKWe"};
+var css$1f = {"root":"WYO8lg","timepicker-input":"xQ8f8R","timepickerInput":"xQ8f8R","ltr-always":"_3fxIym","ltrAlways":"_3fxIym"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1878,6 +1878,7 @@ function TimePickerComponent(props, ref) {
         value: valueToTimeString(props.value, props.format),
         inputValue: valueToTimeString(props.value, props.format),
     });
+    const targetRef = React__default.useRef(null);
     useEffect(() => {
         if (valueToTimeString(props.value, props.format) !== state.value) {
             const stringValue = valueToTimeString(props.value, props.format);
@@ -1905,7 +1906,10 @@ function TimePickerComponent(props, ref) {
     };
     const saveTime = (newTime) => {
         setState((prevState) => ({ ...prevState, inputValue: newTime }));
-        props.onValueChange(formatStringTimeToObject(newTime));
+        const newValue = formatStringTimeToObject(newTime);
+        if (!isEqual(props.value, newValue)) {
+            props.onValueChange(formatStringTimeToObject(newTime));
+        }
     };
     const getTimeFromInputValue = (newValue) => {
         const trimmedNewValue = newValue.trimStart();
@@ -1919,7 +1923,6 @@ function TimePickerComponent(props, ref) {
         saveTime(inputValue);
     };
     const handleFocus = (e) => {
-        onToggle(true);
         props.onFocus?.(e);
     };
     const handleInputChange = (newValue) => {
@@ -1932,9 +1935,6 @@ function TimePickerComponent(props, ref) {
         }
     };
     const handleBlur = (e) => {
-        if (isFocusReceiverInsideFocusLock(e))
-            return;
-        onToggle(false);
         props.onBlur?.(e);
         if (state.value === '' || state.inputValue === '') {
             props.onValueChange(null);
@@ -1942,19 +1942,37 @@ function TimePickerComponent(props, ref) {
         }
         state.value && state.inputValue && saveTime(state.value);
     };
+    const onKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            onToggle(true);
+        }
+        if (e.key === 'Escape' && state.isOpen) {
+            e.preventDefault();
+            e.stopPropagation();
+            onToggle(false);
+        }
+    };
     const renderInput = (inputProps) => {
-        return (React__default.createElement(TextInput, { ...inputProps, onClick: null, size: props.size, isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$1f.root, css$1f.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: props.rawProps?.input }));
+        return (React__default.createElement(TextInput, { ...inputProps, size: props.size, isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$1f.root, css$1f.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onKeyDown: onKeyDown, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: props.rawProps?.input, ref: (node) => {
+                targetRef.current = node;
+                if (typeof inputProps.ref === 'function') {
+                    inputProps.ref(node);
+                }
+                else if (inputProps.ref && 'current' in inputProps.ref) {
+                    inputProps.ref.current = node;
+                }
+            } }));
     };
     const renderBody = (bodyProps) => {
         const { forwardedRef, onValueChange, ...timePickerBodyProps } = props;
-        return (!props.isDisabled && !props.isReadonly && (React__default.createElement(DropdownContainer, { ...bodyProps, focusLock: false },
+        return (!props.isDisabled && !props.isReadonly && (React__default.createElement(DropdownContainer, { ...bodyProps, shards: [targetRef] },
             React__default.createElement(TimePickerBody, { ...timePickerBodyProps, onValueChange: handleBodyValueChange, value: formatStringTimeToObject(state.value), rawProps: props.rawProps?.body, cx: props.bodyCx }))));
     };
     return (React__default.createElement(Dropdown$1, { 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, middleware: [offset(6)], ref: ref }));
 }
 const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
 
-var css$1e = {"root":"-mf-e8"};
+var css$1e = {"root":"YKtnMS"};
 
 function applyInputAddonMods() {
     return [
@@ -1963,14 +1981,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$1d = {"root":"XSSLd-"};
+var css$1d = {"root":"_6elwRc"};
 
 function applySliderMods() {
     return [css$1d.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
 
-var css$1c = {"root":"zwF3s6"};
+var css$1c = {"root":"p70fY3"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1980,7 +1998,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1b = {"root":"tqu1lx","tooltip":"p-Mqpo"};
+var css$1b = {"root":"-RCkA7","tooltip":"vwQz3n"};
 
 function applyRatingMods(mods) {
     return [
@@ -1994,7 +2012,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
     Tooltip,
 }));
 
-var css$1a = {"root":"yda3k4","main-path":"hCJ6V-","mainPath":"hCJ6V-","content-wrapper":"bZvo4k","contentWrapper":"bZvo4k","content":"UI9DX-","action-wrapper":"FeJ4SB","actionWrapper":"FeJ4SB","icon-wrapper":"rKpXKY","iconWrapper":"rKpXKY","icon":"cPllmh","close-icon":"jMXCE5","closeIcon":"jMXCE5"};
+var css$1a = {"root":"Cje5Iz","main-path":"TEqzom","mainPath":"TEqzom","content-wrapper":"HUVVzk","contentWrapper":"HUVVzk","content":"Oznzyd","action-wrapper":"_4VP5xn","actionWrapper":"_4VP5xn","icon-wrapper":"HJVaaj","iconWrapper":"HJVaaj","icon":"vOd5k-","close-icon":"HFzzQi","closeIcon":"HFzzQi"};
 
 const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1a.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
     React.createElement("div", { className: css$1a.mainPath },
@@ -2012,7 +2030,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$19 = {"submenu-root-item-rtl":"HUHbcO","submenuRootItemRtl":"HUHbcO","icon-after":"_1oIzLp","iconAfter":"_1oIzLp","submenu-root-item":"fN8U9f","submenuRootItem":"fN8U9f","icon-check":"gVrtcF","iconCheck":"gVrtcF","splitter-root":"bt-bDJ","splitterRoot":"bt-bDJ","splitter":"rzXLSV","header-root":"_6paulW","headerRoot":"_6paulW","item-root":"tKu38U","itemRoot":"tKu38U","icon":"_6Hc2Lw","link":"IxMrwt","indent":"-iv-XJ","selected-mark":"OUzZ6J","selectedMark":"OUzZ6J"};
+var css$19 = {"submenu-root-item-rtl":"ouxNoE","submenuRootItemRtl":"ouxNoE","icon-after":"aB0tF0","iconAfter":"aB0tF0","submenu-root-item":"_-0HB4C","submenuRootItem":"_-0HB4C","icon-check":"OSa6gs","iconCheck":"OSa6gs","splitter-root":"IuK3qI","splitterRoot":"IuK3qI","splitter":"hKIK3q","header-root":"_7j-ohn","headerRoot":"_7j-ohn","item-root":"E-tTMX","itemRoot":"E-tTMX","icon":"iV3abg","link":"X5Fqtx","indent":"_09T7s3","selected-mark":"LIOSQr","selectedMark":"LIOSQr"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -2137,7 +2155,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$18 = {"root":"NhUftC","mode-block":"_8Qzx4f","modeBlock":"_8Qzx4f","mode-inline":"SuR-E2","modeInline":"SuR-E2","padding-0":"_5XH5Tj","padding0":"_5XH5Tj","padding-6":"zYoMUM","padding6":"zYoMUM","padding-12":"U51ShT","padding12":"U51ShT","padding-18":"TVIpuJ","padding18":"TVIpuJ"};
+var css$18 = {"root":"_4Albpj","mode-block":"_9YHJfB","modeBlock":"_9YHJfB","mode-inline":"_375Tzg","modeInline":"_375Tzg","padding-0":"TqcOEv","padding0":"TqcOEv","padding-6":"NwnNOM","padding6":"NwnNOM","padding-12":"ydwhFC","padding12":"ydwhFC","padding-18":"_44xQ7L","padding18":"_44xQ7L"};
 
 function applyAccordionMods(mods) {
     return [
@@ -2150,7 +2168,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
 }));
 
-var css$17 = {"root":"mUBFTC","align-items":"_3PAiKT","alignItems":"_3PAiKT","justify-content":"GJhWeD","justifyContent":"GJhWeD","border-top":"xTk6Mo","borderTop":"xTk6Mo","border-bottom":"zXOEM2","borderBottom":"zXOEM2","top-shadow":"_1wh-DF","topShadow":"_1wh-DF","padding":"uKtXJS","margin":"c0qawI","vPadding":"_8GsjQM","column-gap":"CBP-9e","columnGap":"CBP-9e","row-gap":"iTOIOY","rowGap":"iTOIOY","spacing":"mkez2W"};
+var css$17 = {"root":"_66gUlh","align-items":"I9Y-QB","alignItems":"I9Y-QB","justify-content":"uhHK6h","justifyContent":"uhHK6h","border-top":"T1lOJX","borderTop":"T1lOJX","border-bottom":"medd7Q","borderBottom":"medd7Q","top-shadow":"zdQ0jy","topShadow":"zdQ0jy","padding":"sjZHwP","margin":"Usih01","vPadding":"V0e8tZ","column-gap":"Hh16wu","columnGap":"Hh16wu","row-gap":"qMvCnX","rowGap":"qMvCnX","spacing":"xcIGNv"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$17.flexCell]);
 
@@ -2202,7 +2220,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
         } }, props.children));
 });
 
-var css$16 = {"root":"mm1AjH","margin-24":"EK-pOC","margin24":"EK-pOC","padding-12":"NHr6ol","padding12":"NHr6ol","padding-24":"pHuEMn","padding24":"pHuEMn","shadow":"XEfx0B","uui-surface-main":"w0H0lp","uuiSurfaceMain":"w0H0lp"};
+var css$16 = {"root":"kL7-Zf","margin-24":"fDVfbi","margin24":"fDVfbi","padding-12":"VB4mPN","padding12":"VB4mPN","padding-24":"T9Jr-v","padding24":"T9Jr-v","shadow":"K3vwUS","uui-surface-main":"ybOZOy","uuiSurfaceMain":"ybOZOy"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -2212,7 +2230,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$16[`uui-${props.background}`],
 ]);
 
-var css$15 = {"root":"w7G2m8"};
+var css$15 = {"root":"_2RVQp5"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -2229,7 +2247,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$14 = {"root":"_77Att8"};
+var css$14 = {"root":"_8sQEm7"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -2244,7 +2262,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$13 = {"root":"IYIgpF"};
+var css$13 = {"root":"YGiMr6"};
 
 function applyScrollBarsMods() {
     return [
@@ -2253,7 +2271,7 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$12 = {"scroll-container":"yjt0iB","scrollContainer":"yjt0iB","list-container":"QY2-2V","listContainer":"QY2-2V"};
+var css$12 = {"scroll-container":"ePH08-","scrollContainer":"ePH08-","list-container":"Pi-NVe","listContainer":"Pi-NVe"};
 
 const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
@@ -2297,7 +2315,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$11 = {"root":"_7cphua"};
+var css$11 = {"root":"_4JPERK"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -2319,7 +2337,7 @@ function CheckboxGroup(props) {
     })));
 }
 
-var css$10 = {"root":"bpAcoN","modal-blocker":"UHQhql","modalBlocker":"UHQhql","animateModalBlocker":"QYuaSg","modal":"swBYhW","modal-footer":"WP2b-B","modalFooter":"WP2b-B","border-top":"RHiBf6","borderTop":"RHiBf6","modal-header":"Wvqenb","modalHeader":"Wvqenb","border-bottom":"pbZ73w","borderBottom":"pbZ73w"};
+var css$10 = {"root":"cQj9Kb","modal-blocker":"Lf3H4A","modalBlocker":"Lf3H4A","animateModalBlocker":"HbqFWW","modal":"if34yO","modal-footer":"KUQbYC","modalFooter":"KUQbYC","border-top":"_7fC0k0","borderTop":"_7fC0k0","modal-header":"CmPu37","modalHeader":"CmPu37","border-bottom":"NqFmxu","borderBottom":"NqFmxu"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$10.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$10.root, css$10.modal], (props) => {
@@ -2511,7 +2529,7 @@ const TREE_SHAKEABLE_INIT = () => ({
 });
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$$ = {"root":"RVOG15","icon-wrapper":"EFzU6r","iconWrapper":"EFzU6r","action-wrapper":"mnTVkr","actionWrapper":"mnTVkr","close-icon":"ARbqYB","closeIcon":"ARbqYB","main-path":"IhHJBN","mainPath":"IhHJBN","content":"YlL-fV","close-wrapper":"OE-aUx","closeWrapper":"OE-aUx","clear-notifications":"oisvli","clearNotifications":"oisvli"};
+var css$$ = {"root":"_7mtFNF","icon-wrapper":"erRru3","iconWrapper":"erRru3","action-wrapper":"LGaKS8","actionWrapper":"LGaKS8","close-icon":"RmcpBh","closeIcon":"RmcpBh","main-path":"K-UAr0","mainPath":"K-UAr0","content":"_7bw1p6","close-wrapper":"Q7vX5T","closeWrapper":"Q7vX5T","clear-notifications":"A5whZe","clearNotifications":"A5whZe"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -2544,7 +2562,7 @@ function ClearNotification() {
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$_ = {"footer":"xPaJL1"};
+var css$_ = {"footer":"OUEEGd"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -2586,7 +2604,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Z = {"root":"_-6HE38","container":"BMwiH0"};
+var css$Z = {"root":"LgqQBw","container":"c3pB2D"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2804,14 +2822,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
 }
 
-var css$Y = {"root":"QbVxAA"};
+var css$Y = {"root":"ATG31y"};
 
 function applyDateSelectionMods() {
     return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$X = {"root":"KwH2Vi"};
+var css$X = {"root":"SQmKLE"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2932,7 +2950,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$W = {"date-input":"JX9W9M","dateInput":"JX9W9M","root":"pmksKv","separator":"WnJU6R"};
+var css$W = {"date-input":"oU6RYO","dateInput":"oU6RYO","root":"X2hZkz","separator":"_8jPRc6"};
 
 const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
@@ -3003,7 +3021,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
         React__default.createElement(TextInput, { cx: cx$1(css$W.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, onCancel: clearAllowed ? onClear : 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?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
 });
 
-var css$V = {"root":"J6OvXc"};
+var css$V = {"root":"gxksPw"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -3023,7 +3041,7 @@ function CalendarPresets(props) {
         getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
 }
 
-var css$U = {"root":"_7rvTU9","container":"F6j4cA","day-selection":"VR7t1o","daySelection":"VR7t1o","from-picker":"Oq1IRF","fromPicker":"Oq1IRF","to-picker":"_-9yqxw","toPicker":"_-9yqxw","bodes-wrapper":"_3NRrCA","bodesWrapper":"_3NRrCA","blocker":"Wp0zi9"};
+var css$U = {"root":"APb1zg","container":"uzWo0w","day-selection":"gslpfO","daySelection":"gslpfO","from-picker":"kTXJW1","fromPicker":"kTXJW1","to-picker":"-bP35y","toPicker":"-bP35y","bodes-wrapper":"Bpvi6a","bodesWrapper":"Bpvi6a","blocker":"uNMS7H"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3225,7 +3243,7 @@ const getDayState = (day, selectedDate) => {
     };
 };
 
-var css$T = {"dropdown-container":"p-Wby0","dropdownContainer":"p-Wby0"};
+var css$T = {"dropdown-container":"MRqHrI","dropdownContainer":"MRqHrI"};
 
 function RangeDatePickerComponent(props, ref) {
     const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3293,7 +3311,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$S = {"root":"_6WYueD","blocker":"_5q-ECd","marker":"coznQ3","top":"-nMaab","bottom":"_63nufC","left":"tqoaa2","right":"iAZTFe","inside":"tTly-N"};
+var css$S = {"root":"Ed-Obs","blocker":"ae1BpS","marker":"bJ3XRx","top":"r2aQdm","bottom":"LyKkZ7","left":"UpZrTt","right":"Q-q-1f","inside":"_0xyj8g"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3310,15 +3328,15 @@ function DropMarker(props) {
 
 const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
 
-var css$R = {"search-wrapper":"FbDwSR","searchWrapper":"FbDwSR","no-data":"nspRoU","noData":"nspRoU"};
+var css$R = {"search-wrapper":"rtR3-Q","searchWrapper":"rtR3-Q","no-data":"QNIshj","noData":"QNIshj"};
 
-var css$Q = {"picker-row":"n9Ysjf","pickerRow":"n9Ysjf","align-widgets-top":"HxaoNP","alignWidgetsTop":"HxaoNP","row-content":"_3dbC77","rowContent":"_3dbC77","align-widgets-center":"nOF-zX","alignWidgetsCenter":"nOF-zX","icon-container":"LiooVX","iconContainer":"LiooVX","content-wrapper":"XjR323","contentWrapper":"XjR323","icon-wrapper":"mMs-Po","iconWrapper":"mMs-Po","icon-default":"_65LhiN","iconDefault":"_65LhiN","selected-mark":"N2tcx-","selectedMark":"N2tcx-"};
+var css$Q = {"picker-row":"eVvIBZ","pickerRow":"eVvIBZ","align-widgets-top":"t7ZNml","alignWidgetsTop":"t7ZNml","row-content":"ihe1XD","rowContent":"ihe1XD","align-widgets-center":"Al9cx6","alignWidgetsCenter":"Al9cx6","icon-container":"_6nS4LQ","iconContainer":"_6nS4LQ","content-wrapper":"XOIpf1","contentWrapper":"XOIpf1","icon-wrapper":"cYCZkO","iconWrapper":"cYCZkO","icon-default":"_0kXCUl","iconDefault":"_0kXCUl","selected-mark":"mfRS25","selectedMark":"mfRS25"};
 
-var css$P = {"root":"zRY-MM"};
+var css$P = {"root":"h4utAI"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
 
-var css$O = {"root":"VUnS4A"};
+var css$O = {"root":"G-klZ-"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -3346,7 +3364,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$N = {"root":"DZfgmA"};
+var css$N = {"root":"cTxOfc"};
 
 function applyTagMods(props) {
     return [
@@ -3374,7 +3392,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$M = {"root":"OazqIX","page":"_48Ykc9","spacer":"qHNAAg","mode-ghost":"a9DAxQ","modeGhost":"a9DAxQ"};
+var css$M = {"root":"zzbN-r","page":"SVkcwy","spacer":"_3n8Dm-","mode-ghost":"UGqAb-","modeGhost":"UGqAb-"};
 
 function Paginator(props) {
     const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$M.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
@@ -3391,14 +3409,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
 }
 
-var css$L = {"root":"FPzR8G","progress-bar":"Ly1yFG","progressBar":"Ly1yFG","progressBar-indeterminate":"EdmcOC","progressBarIndeterminate":"EdmcOC","size-12":"Ym2IWA","size12":"Ym2IWA","size-18":"lTUtQy","size18":"lTUtQy","size-24":"A4Bbs5","size24":"A4Bbs5"};
+var css$L = {"root":"JWStsH","progress-bar":"Yxt3bM","progressBar":"Yxt3bM","progressBar-indeterminate":"_048AtM","progressBarIndeterminate":"_048AtM","size-12":"_1NWHiE","size12":"_1NWHiE","size-18":"g-z9ug","size18":"g-z9ug","size-24":"dWDn6R","size24":"dWDn6R"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$L.root, css$L[`size-${props.size || 12}`]) },
         React.createElement("div", { className: cx(css$L.progressBar) })));
 });
 
-var css$K = {"root":"aGlQIo","striped":"_7fPnKp","animate-stripes":"BVGHFD","animateStripes":"BVGHFD","size-12":"_0UGz5M","size12":"_0UGz5M","size-18":"_4bHz-l","size18":"_4bHz-l","size-24":"gjfZeG","size24":"gjfZeG"};
+var css$K = {"root":"U8LHVX","striped":"HPIEjp","animate-stripes":"FHb0-2","animateStripes":"FHb0-2","size-12":"hiiAAa","size12":"hiiAAa","size-18":"yoGvZz","size18":"yoGvZz","size-24":"L4ejrY","size24":"L4ejrY"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -3413,14 +3431,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$J = {"root":"KS-uuj"};
+var css$J = {"root":"_1Q-Qpv"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$J.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$J.root, props.cx) }));
 });
 
-var css$I = {"root":"-PBDv2"};
+var css$I = {"root":"ZpBKr2"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -3435,7 +3453,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$H = {"drag-handle-wrapper":"k2Knwu","dragHandleWrapper":"k2Knwu","with-indent":"MK3nA4","withIndent":"MK3nA4","drag-handle":"q7fW2O","dragHandle":"q7fW2O","icon-container":"lWwz9p","iconContainer":"lWwz9p"};
+var css$H = {"drag-handle-wrapper":"BciIzT","dragHandleWrapper":"BciIzT","with-indent":"g0OD7g","withIndent":"g0OD7g","drag-handle":"BL1KXB","dragHandle":"BL1KXB","icon-container":"wYLuUn","iconContainer":"wYLuUn"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -3522,7 +3540,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$G = {"root":"-lDmnc","column-gap":"IBk6uK","columnGap":"IBk6uK","title":"JNSWR0","subtitle":"y9t6qX","disabled":"_6JSE94","multiline":"Y2J-mo"};
+var css$G = {"root":"VCfw0p","column-gap":"PUPsDz","columnGap":"PUPsDz","title":"iZD6OW","subtitle":"LDLHGD","disabled":"_7eqH-j","multiline":"-Ip97z"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -3696,7 +3714,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$F = {"header":"Zf1a3c","title":"SOAALf","close":"wf-Trb"};
+var css$F = {"header":"Klq72P","title":"_813TXs","close":"PAPM4-"};
 
 const DataPickerMobileHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -3706,7 +3724,7 @@ const DataPickerMobileHeaderImpl = (props) => {
 };
 const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
 
-var css$E = {"done":"rY0q7e","container":"W551kC"};
+var css$E = {"done":"-p2NAu","container":"H0HVnQ"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -3718,7 +3736,7 @@ const PickerBodyMobileView = (props) => {
         isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
 };
 
-var css$D = {"sub-header-wrapper":"vHG2lm","subHeaderWrapper":"vHG2lm","switch":"SOtZxV","no-found-modal-container":"mteAno","noFoundModalContainer":"mteAno","no-found-modal-container-icon":"_8tQ04d","noFoundModalContainerIcon":"_8tQ04d","no-found-modal-container-text":"_8Nj3EW","noFoundModalContainerText":"_8Nj3EW","body":"exLFJF"};
+var css$D = {"sub-header-wrapper":"UrYipU","subHeaderWrapper":"UrYipU","switch":"QE4hp5","no-found-modal-container":"K88wSm","noFoundModalContainer":"K88wSm","no-found-modal-container-icon":"S4CnCA","noFoundModalContainerIcon":"S4CnCA","no-found-modal-container-text":"yMO6Ux","noFoundModalContainerText":"yMO6Ux","body":"_0knrWj"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -3764,7 +3782,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"ixZTXw"};
+var css$C = {"tooltip":"dpWfZU"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     const tagProps = {
@@ -3783,7 +3801,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$B = {"root":"KqcY5k"};
+var css$B = {"root":"TcahmI"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3861,11 +3879,11 @@ function PickerInputComponent(props, ref) {
     return (React__default.createElement(Dropdown, { renderTarget: (dropdownProps) => {
             const targetProps = getTogglerProps();
             return renderTarget({ ...dropdownProps, ...targetProps, renderItem });
-        }, renderBody: (bodyProps) => renderBody(bodyProps), value: shouldShowBody(), onValueChange: !props.isDisabled && toggleBodyOpening, placement: props.dropdownPlacement, middleware: middleware, closeBodyOnTogglerHidden: !isMobile(), portalTarget: props.portalTarget, ref: togglerRef }));
+        }, renderBody: (bodyProps) => renderBody(bodyProps), value: shouldShowBody(), onValueChange: !props.isDisabled && toggleBodyOpening, placement: props.dropdownPlacement, middleware: middleware, closeBodyOnTogglerHidden: isMobile() ? false : props.closeBodyOnTogglerHidden, portalTarget: props.portalTarget, ref: togglerRef }));
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"kHS5Qc"};
+var css$A = {"row":"_9oNwh8"};
 
 function PickerListRow(props) {
     let label;
@@ -3885,7 +3903,7 @@ function PickerListRow(props) {
     return (React__default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
 }
 
-var css$z = {"root":"ffDjPJ"};
+var css$z = {"root":"_18eomB"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
@@ -3920,7 +3938,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"root":"Mio1fz","wrapper":"Uf-KoM","align-widgets-top":"_2BRHWM","alignWidgetsTop":"_2BRHWM","align-widgets-center":"DmmL1P","alignWidgetsCenter":"DmmL1P"};
+var css$y = {"root":"tdHjvd","wrapper":"YDV2fT","align-widgets-top":"QsvZER","alignWidgetsTop":"QsvZER","align-widgets-center":"_8u--fq","alignWidgetsCenter":"_8u--fq"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -3970,7 +3988,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"root":"UxLmcm"};
+var css$x = {"root":"m11hiD"};
 
 // 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.
@@ -3986,7 +4004,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"sorting-panel-container":"Lk4WtY","sortingPanelContainer":"Lk4WtY"};
+var css$w = {"sorting-panel-container":"rT0JtW","sortingPanelContainer":"rT0JtW"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -4006,7 +4024,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
 
-var css$v = {"root":"sTSn6-","caption-wrapper":"t8xyGD","captionWrapper":"t8xyGD","sort-icon":"ikH9x6","sortIcon":"ikH9x6","dropdown-icon":"Y-qQl9","dropdownIcon":"Y-qQl9","infoIcon":"oacjM4","align-right":"XO3zfb","alignRight":"XO3zfb","align-center":"gx23xp","alignCenter":"gx23xp","caption":"OSmBv9","truncate":"c1H6SC","upper-case":"_8p5MMf","upperCase":"_8p5MMf","checkbox":"B9iJgU","icon":"zy2tWm","fold-all-icon":"YRp68n","foldAllIcon":"YRp68n","cell-tooltip":"dOUEmQ","cellTooltip":"dOUEmQ","resizing-marker":"mwwbnS","resizingMarker":"mwwbnS","pinned-right":"Jx040w","pinnedRight":"Jx040w","draggable":"-n6nXI","ghost":"_2PujUp","is-dragged-out":"uKmyZ8","isDraggedOut":"uKmyZ8","dnd-marker-left":"XOgBiA","dndMarkerLeft":"XOgBiA","dnd-marker-right":"FLuv53","dndMarkerRight":"FLuv53","cell-tooltip-wrapper":"PNjbtb","cellTooltipWrapper":"PNjbtb","cell-tooltip-text":"LnTePW","cellTooltipText":"LnTePW","tooltip-caption":"_8ZsOye","tooltipCaption":"_8ZsOye","tooltip-info":"Dpu2Nx","tooltipInfo":"Dpu2Nx"};
+var css$v = {"root":"VOvElx","caption-wrapper":"Wf9Rj4","captionWrapper":"Wf9Rj4","sort-icon":"hGwXKx","sortIcon":"hGwXKx","dropdown-icon":"dYwdvf","dropdownIcon":"dYwdvf","infoIcon":"CgpiIK","align-right":"t-N9-8","alignRight":"t-N9-8","align-center":"q3zI7P","alignCenter":"q3zI7P","caption":"zW6Kip","truncate":"Lx-AP0","upper-case":"_6ifYSH","upperCase":"_6ifYSH","checkbox":"_9Lq2WC","icon":"Eguy4C","fold-all-icon":"VGm2zw","foldAllIcon":"VGm2zw","cell-tooltip":"PnoKVx","cellTooltip":"PnoKVx","resizing-marker":"FtOuZX","resizingMarker":"FtOuZX","pinned-right":"MEUvPN","pinnedRight":"MEUvPN","draggable":"GdS7HD","ghost":"T7o5cl","is-dragged-out":"YEDOpa","isDraggedOut":"YEDOpa","dnd-marker-left":"cpt8uu","dndMarkerLeft":"cpt8uu","dnd-marker-right":"oUluRz","dndMarkerRight":"oUluRz","cell-tooltip-wrapper":"h-lk0m","cellTooltipWrapper":"h-lk0m","cell-tooltip-text":"l9x6iz","cellTooltipText":"l9x6iz","tooltip-caption":"gLBHX4","tooltipCaption":"gLBHX4","tooltip-info":"X-QGox","tooltipInfo":"X-QGox"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -4100,7 +4118,7 @@ class DataTableHeaderCell extends React.Component {
     }
 }
 
-var css$u = {"root":"aPu93q","caption-wrapper":"DZrBpU","captionWrapper":"DZrBpU","align-center":"Uz0S0t","alignCenter":"Uz0S0t","caption":"tlUo80","truncate":"NK3GJd","upper-case":"YOtYnA","upperCase":"YOtYnA","group-cell-tooltip":"_4PRTvg","groupCellTooltip":"_4PRTvg","group-cell-tooltip-wrapper":"_5X5ES-","groupCellTooltipWrapper":"_5X5ES-","group-cell-tooltip-text":"_9V5Y1R","groupCellTooltipText":"_9V5Y1R","tooltip-caption":"-iI4Xk","tooltipCaption":"-iI4Xk","tooltip-info":"_6ya4QH","tooltipInfo":"_6ya4QH"};
+var css$u = {"root":"_7iIHVf","caption-wrapper":"m5dDay","captionWrapper":"m5dDay","align-center":"qGxJSK","alignCenter":"qGxJSK","caption":"qaKO24","truncate":"z-X789","upper-case":"vyzc-T","upperCase":"vyzc-T","group-cell-tooltip":"eXKQP1","groupCellTooltip":"eXKQP1","group-cell-tooltip-wrapper":"SbM4u-","groupCellTooltipWrapper":"SbM4u-","group-cell-tooltip-text":"-YaFvq","groupCellTooltipText":"-YaFvq","tooltip-caption":"_2PQ90S","tooltipCaption":"_2PQ90S","tooltip-info":"wMAosM","tooltipInfo":"wMAosM"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -4140,7 +4158,7 @@ class DataTableHeaderGroupCell extends React.Component {
     }
 }
 
-var css$t = {"root":"pKdJla"};
+var css$t = {"root":"TgXcZg"};
 
 const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
     renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
@@ -4236,7 +4254,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
 const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
 const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
 
-var css$s = {"body":"FgPHbY","header":"L2iH0B","title":"y-dvbE","removeButton":"_2CrgGw","with-search":"VnrLuz","withSearch":"VnrLuz"};
+var css$s = {"body":"ne5mby","header":"fB5X3o","title":"S45MVw","removeButton":"MVb7I0","with-search":"jxjm-j","withSearch":"jxjm-j"};
 
 function FilterColumnBody(props) {
     const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
@@ -4297,7 +4315,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$r = {"unpin-icon":"_1dFj2h","unpinIcon":"_1dFj2h","pin-toggler-icon":"unN7md","pinTogglerIcon":"unN7md"};
+var css$r = {"unpin-icon":"zyoH0i","unpinIcon":"zyoH0i","pin-toggler-icon":"NBbgDT","pinTogglerIcon":"NBbgDT"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4339,7 +4357,7 @@ function getUnpinIcon(params) {
     }
 }
 
-var css$q = {"row-wrapper":"INN8Aa","rowWrapper":"INN8Aa","pin-icon-button":"-RDT5Q","pinIconButton":"-RDT5Q","not-pinned":"dvwn0J","notPinned":"dvwn0J","checkbox":"dDqhTV","drag-handle":"Kj-1Ou","dragHandle":"Kj-1Ou","dnd-disabled":"n1asR8","dndDisabled":"n1asR8"};
+var css$q = {"row-wrapper":"B-HpFz","rowWrapper":"B-HpFz","pin-icon-button":"_4Ilke-","pinIconButton":"_4Ilke-","not-pinned":"tN2baC","notPinned":"tN2baC","checkbox":"f4Hxjr","drag-handle":"t9a3t-","dragHandle":"t9a3t-","dnd-disabled":"qatJN7","dndDisabled":"qatJN7"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4362,7 +4380,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$p = {"root":"ai492S","main-panel":"Zb7qBF","mainPanel":"Zb7qBF","group":"_4yQa31","group-title":"_0Yqkjq","groupTitle":"_0Yqkjq","group-items":"i8gFCb","groupItems":"i8gFCb","no-data":"_62h65j","noData":"_62h65j","no-data-title":"v0I4OD","noDataTitle":"v0I4OD","no-data-sub-title":"SzcNQH","noDataSubTitle":"SzcNQH","h-divider":"KdFPco","hDivider":"KdFPco","search-area":"GjGLqF","searchArea":"GjGLqF","subgroup-accordion":"ZVvn0h","subgroupAccordion":"ZVvn0h","subgroup":"wGCqpu","subgroup-title":"GtYvLy","subgroupTitle":"GtYvLy"};
+var css$p = {"root":"eaNkA0","main-panel":"yhTKF5","mainPanel":"yhTKF5","group":"wfYubR","group-title":"M3k9gb","groupTitle":"M3k9gb","group-items":"_8IT-1z","groupItems":"_8IT-1z","no-data":"vEvysc","noData":"vEvysc","no-data-title":"_6AZhir","noDataTitle":"_6AZhir","no-data-sub-title":"_2f5rHi","noDataSubTitle":"_2f5rHi","h-divider":"jZFDz7","hDivider":"jZFDz7","search-area":"_3ctGnh","searchArea":"_3ctGnh","subgroup-accordion":"rbomOh","subgroupAccordion":"rbomOh","subgroup":"_05L3Ge","subgroup-title":"J3z5Nt","subgroupTitle":"J3z5Nt"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
     React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
@@ -4464,7 +4482,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$o = {"listContainer":"WKL2Ow","header":"XZKv-D","group":"SSxuZN","stickyHeader":"cKEizV"};
+var css$o = {"listContainer":"Pksu6m","header":"tLHg5d","group":"t3XNcd","stickyHeader":"ZL6ceL"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = useRef(undefined);
@@ -4504,7 +4522,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
             React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
-var css$n = {"root":"_7T64YU","sticky-header":"MmQi6c","stickyHeader":"MmQi6c","no-results":"QR70nS","noResults":"QR70nS","icon":"W3S7ls","title":"fpDPO5"};
+var css$n = {"root":"vzDu5T","sticky-header":"Jg8ZBf","stickyHeader":"Jg8ZBf","no-results":"sMRC4I","noResults":"sMRC4I","icon":"K4JUj7","title":"gT4BoH"};
 
 function DataTable(props) {
     const { uuiModals } = useUuiContext();
@@ -4553,7 +4571,7 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$m = {"root":"I6VOHo","title-wrapper":"sWsLek","titleWrapper":"sWsLek","title":"EwR1SF","text-wrapper":"BSzz-Y","textWrapper":"BSzz-Y","selection":"byzaG2","postfix":"IIL8Ts","selected":"VnwCYd"};
+var css$m = {"root":"_4oRAD5","title-wrapper":"_5ggNbD","titleWrapper":"_5ggNbD","title":"dsFeun","text-wrapper":"MKiQJ1","textWrapper":"MKiQJ1","selection":"OfwSwa","postfix":"BryOLS","selected":"-zLezU"};
 
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -4777,7 +4795,7 @@ function FilterRangeDatePickerBody(props) {
         renderFooter()));
 }
 
-var css$l = {"container":"zzIuYu"};
+var css$l = {"container":"FsAl-x"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -5088,7 +5106,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$k = {"delete-button":"T71jP7","deleteButton":"T71jP7","tab-button":"_2uwfwk","tabButton":"_2uwfwk","targetOpen":"Jhs48D"};
+var css$k = {"delete-button":"Ma02sJ","deleteButton":"Ma02sJ","tab-button":"dopetx","tabButton":"dopetx","targetOpen":"mDA3El"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -5160,7 +5178,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
 const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
 const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
 
-var css$j = {"preset-input-cell":"YbzPV0","presetInputCell":"YbzPV0","preset-input":"H9-ZdW","presetInput":"H9-ZdW"};
+var css$j = {"preset-input-cell":"AWoI46","presetInputCell":"AWoI46","preset-input":"mNceoH","presetInput":"mNceoH"};
 
 function PresetInput(props) {
     const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
@@ -5187,7 +5205,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$i = {"preset":"i4e8ng","activePreset":"WiVJ2v"};
+var css$i = {"preset":"bT2mdB","activePreset":"UNZze6"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -5212,7 +5230,7 @@ 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$i.preset, isPresetActive && css$i.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
-var css$h = {"divider":"G3D1vf","dropdownDeleteIcon":"LkrgLs","presetsWrapper":"_55m5fE","addPresetContainer":"N2mroj","dropContainer":"t0sGZO"};
+var css$h = {"divider":"AIZqyg","dropdownDeleteIcon":"yAytjt","presetsWrapper":"_2oSXGd","addPresetContainer":"-jg-yK","dropContainer":"QFDi5M"};
 
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = useState(false);
@@ -5261,9 +5279,9 @@ function PresetsPanel(props) {
             React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
 }
 
-var css$g = {"root":"gxLYyk"};
+var css$g = {"root":"XPeNIn"};
 
-var css$f = {"root":"QggHvO","burger-content":"jS3NVT","burgerContent":"jS3NVT"};
+var css$f = {"root":"bVaeSu","burger-content":"DX5gnC","burgerContent":"DX5gnC"};
 
 var _path$3;
 function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
@@ -5306,7 +5324,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"root":"lfCJBV","button-primary":"PuUfN3","buttonPrimary":"PuUfN3","button-secondary":"ie5LEp","buttonSecondary":"ie5LEp","hasIcon":"w9yPoe","dropdown":"QFugtl"};
+var css$e = {"root":"T5RI8N","button-primary":"iKfi3P","buttonPrimary":"iKfi3P","button-secondary":"Pm6w0C","buttonSecondary":"Pm6w0C","hasIcon":"emDqMr","dropdown":"bnDjM1"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -5317,13 +5335,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":"ZbRq3k","searchInput":"ZbRq3k"};
+var css$d = {"search-input":"_3Y5bIp","searchInput":"_3Y5bIp"};
 
 function BurgerSearch(props) {
     return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$M, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
 }
 
-var css$c = {"root":"cJUdDQ","group-header":"hJ2Cpc","groupHeader":"hJ2Cpc","group-name":"F8Teij","groupName":"F8Teij","line":"CrtCWF"};
+var css$c = {"root":"OAtxVY","group-header":"S0nRZu","groupHeader":"S0nRZu","group-name":"wR7zfh","groupName":"wR7zfh","line":"HgJfQ1"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5331,7 +5349,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"root":"_1YjN1x","type-primary":"cb6Wpm","typePrimary":"cb6Wpm","type-secondary":"qu-WmJ","typeSecondary":"qu-WmJ"};
+var css$b = {"root":"N4P6v1","type-primary":"aawhak","typePrimary":"aawhak","type-secondary":"cLp4-d","typeSecondary":"cLp4-d"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5353,7 +5371,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"eWGc3n","dropdownBody":"eWGc3n"};
+var css$a = {"dropdown-body":"tBBWJt","dropdownBody":"tBBWJt"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -5412,12 +5430,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"TAwmtG","globalMenuBtn":"TAwmtG","global-menu-icon":"GEBvsX","globalMenuIcon":"GEBvsX"};
+var css$9 = {"global-menu-btn":"dj58lj","globalMenuBtn":"dj58lj","global-menu-icon":"_84GlLY","globalMenuIcon":"_84GlLY"};
 
 const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { 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":"_7pXIES","open":"z8n0tF","folding-arrow":"_6xIkr7","foldingArrow":"_6xIkr7"};
+var css$8 = {"container":"ud-1Er","open":"_9aNoOn","folding-arrow":"vTyY2r","foldingArrow":"vTyY2r"};
 
 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, ...props.rawProps },
     React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
@@ -5425,15 +5443,15 @@ 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, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"f75-zG","searchInput":"f75-zG"};
+var css$7 = {"search-input":"chR8AE","searchInput":"chR8AE"};
 
 const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, { ...props, render: (iEditable) => (React.createElement(TextInput$1, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: cx$1(css$7.searchInput, props.cx), ...props.rawProps })) })));
 
-var css$6 = {"container":"C39qnu"};
+var css$6 = {"container":"mbC3ly"};
 
 const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
 
-var css$5 = {"root":"Y9BADK"};
+var css$5 = {"root":"-cdzYu"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5491,7 +5509,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"muyIub","drop-start":"n6NoKa","dropStart":"n6NoKa","drop-over":"_-20q9K","dropOver":"_-20q9K","link":"_4gA8Bz","drop-area":"Y-nkfl","dropArea":"Y-nkfl","drop-caption":"iELXLB","dropCaption":"iELXLB","icon-blue":"zFH-g0","iconBlue":"zFH-g0"};
+var css$4 = {"root":"Xp2Q-s","drop-start":"to1kXz","dropStart":"to1kXz","drop-over":"XEXaG-","dropOver":"XEXaG-","link":"q4lhYv","drop-area":"ugaiJH","dropArea":"ugaiJH","drop-caption":"xFl5RK","dropCaption":"xFl5RK","icon-blue":"_45NOq4","iconBlue":"_45NOq4"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5509,7 +5527,7 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"ZnPtwW"};
+var css$3 = {"root":"Gv2uuf"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5520,7 +5538,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
 });
 
-var css$2 = {"root":"_7-jDuV","file-name":"mYGo2K","fileName":"mYGo2K","default-color":"sZ5MkK","defaultColor":"sZ5MkK","doc-color":"P3SUep","docColor":"P3SUep","xls-color":"G3UhOl","xlsColor":"G3UhOl","pdf-color":"yAo8Gq","pdfColor":"yAo8Gq","movie-color":"RHMgQO","movieColor":"RHMgQO","img-color":"Is8Vta","imgColor":"Is8Vta","mov-color":"eNloJk","movColor":"eNloJk","error-block":"STGlvP","errorBlock":"STGlvP","icons-block":"_2Qyevy","iconsBlock":"_2Qyevy"};
+var css$2 = {"root":"X1jSyS","file-name":"Vc3mmN","fileName":"Vc3mmN","default-color":"Xt3IIM","defaultColor":"Xt3IIM","doc-color":"QPhap8","docColor":"QPhap8","xls-color":"_11r0nL","xlsColor":"_11r0nL","pdf-color":"T89Qbk","pdfColor":"T89Qbk","movie-color":"adlcuD","movieColor":"adlcuD","img-color":"Aek4eb","imgColor":"Aek4eb","mov-color":"y3Kqe4","movColor":"y3Kqe4","error-block":"ZSbFCg","errorBlock":"ZSbFCg","icons-block":"fKp1Gi","iconsBlock":"fKp1Gi"};
 
 const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React.useState(true);
@@ -5639,7 +5657,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"LmYCkP"};
+var css$1 = {"container":"_8BprUX"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5651,7 +5669,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"ZpUodA","recoverySpinner":"ZpUodA","recovery-message":"yx9yrk","recoveryMessage":"yx9yrk","modal-blocker":"x3TNFZ","modalBlocker":"x3TNFZ","modalFadeIn":"s-pvfS"};
+var css = {"recovery-spinner":"bT7tpN","recoverySpinner":"bT7tpN","recovery-message":"SPVDyq","recoveryMessage":"SPVDyq","modal-blocker":"EBwFr3","modalBlocker":"EBwFr3","modalFadeIn":"h1vvG7"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();