@epam/uui 6.1.7-beta.0 → 6.1.7-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.esm.js CHANGED
@@ -151,7 +151,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
151
151
  xmlns: "http://www.w3.org/2000/svg",
152
152
  ref: ref
153
153
  }, props), /*#__PURE__*/React.createElement("g", {
154
- clipPath: "url(#qp02psczv6jualndk_a)"
154
+ clipPath: "url(#uz2h08fmmk15ahzp9_a)"
155
155
  }, _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
156
156
  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",
157
157
  fill: "#F5F6FA"
@@ -172,7 +172,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
172
172
  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",
173
173
  fill: "#1D1E26"
174
174
  })), /*#__PURE__*/React.createElement("mask", {
175
- id: "qp02pszzlpbmbocak_b",
175
+ id: "uz2h081g6dbfucrh3_b",
176
176
  style: {
177
177
  maskType: "alpha"
178
178
  },
@@ -185,7 +185,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
185
185
  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",
186
186
  fill: "#9BDEFF"
187
187
  }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
188
- mask: "url(#qp02pszzlpbmbocak_b)",
188
+ mask: "url(#uz2h081g6dbfucrh3_b)",
189
189
  fillRule: "evenodd",
190
190
  clipRule: "evenodd"
191
191
  }, /*#__PURE__*/React.createElement("path", {
@@ -271,7 +271,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
271
271
  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",
272
272
  fill: "#fff"
273
273
  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
274
- id: "qp02psczv6jualndk_a"
274
+ id: "uz2h08fmmk15ahzp9_a"
275
275
  }, /*#__PURE__*/React.createElement("path", {
276
276
  fill: "#fff",
277
277
  transform: "translate(.552)",
@@ -922,14 +922,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
922
922
  };
923
923
  var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
924
924
 
925
- var css$1w = {"root":"d56peI","uui-spinner":"KT5BTO","uuiSpinner":"KT5BTO"};
925
+ var css$1w = {"root":"eE20hH","uui-spinner":"z9WWBb","uuiSpinner":"z9WWBb"};
926
926
 
927
927
  function applySpinnerMods() {
928
928
  return [css$1w.root, 'uui-spinner'];
929
929
  }
930
930
  const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
931
931
 
932
- var css$1v = {"root":"tJFq1C","loading-word":"ZZHXGs","loadingWord":"ZZHXGs","animated-loading":"icggPE","animatedLoading":"icggPE","skeleton_loading":"koaMTR","skeletonLoading":"koaMTR"};
932
+ var css$1v = {"root":"Q-iR6V","loading-word":"LYjOa2","loadingWord":"LYjOa2","animated-loading":"icuoRK","animatedLoading":"icuoRK","skeleton_loading":"lVKSKr","skeletonLoading":"lVKSKr"};
933
933
 
934
934
  const TextPlaceholder = (props) => {
935
935
  const pattern = ' ';
@@ -946,7 +946,7 @@ const TextPlaceholder = (props) => {
946
946
  ]), dangerouslySetInnerHTML: { __html: it } })))));
947
947
  };
948
948
 
949
- var css$1u = {"root":"Gultaz","line-height":"m2vAzW","lineHeight":"m2vAzW","font-size":"u1-xnz","fontSize":"u1-xnz"};
949
+ var css$1u = {"root":"wKbSly","line-height":"qtL-1n","lineHeight":"qtL-1n","font-size":"_9Pa3gj","fontSize":"_9Pa3gj"};
950
950
 
951
951
  function applyTextMods(mods) {
952
952
  return [
@@ -973,7 +973,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
973
973
  };
974
974
  });
975
975
 
976
- var css$1t = {"root":"_0Pzl6O"};
976
+ var css$1t = {"root":"mTlU3V"};
977
977
 
978
978
  const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
979
979
 
@@ -1461,7 +1461,7 @@ const settings = {
1461
1461
  textInput: textInputSettings,
1462
1462
  };
1463
1463
 
1464
- var css$1s = {"root":"tW690i"};
1464
+ var css$1s = {"root":"dsqtWQ"};
1465
1465
 
1466
1466
  function applyButtonMods(mods) {
1467
1467
  return [
@@ -1479,7 +1479,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
1479
1479
  };
1480
1480
  });
1481
1481
 
1482
- var css$1r = {"root":"XeZ7Dc"};
1482
+ var css$1r = {"root":"HvGr-0"};
1483
1483
 
1484
1484
  function applyIconButtonMods(props) {
1485
1485
  return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
@@ -1516,7 +1516,7 @@ function getIconClass(props) {
1516
1516
  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'];
1517
1517
  }
1518
1518
 
1519
- var css$1q = {"root":"PZvwnN"};
1519
+ var css$1q = {"root":"E4Sc9P"};
1520
1520
 
1521
1521
  const DEFAULT_COLOR = 'primary';
1522
1522
  const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1546,7 +1546,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
1546
1546
  props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
1547
1547
  });
1548
1548
 
1549
- var css$1p = {"root":"GK-aWA"};
1549
+ var css$1p = {"root":"L1tiRD"};
1550
1550
 
1551
1551
  const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
1552
1552
  return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1558,7 +1558,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
1558
1558
  ]) }, props.caption));
1559
1559
  });
1560
1560
 
1561
- var css$1o = {"root":"vsUjTu","withNotify":"_6hoGVF"};
1561
+ var css$1o = {"root":"g4uS4V","withNotify":"_9uzAL4"};
1562
1562
 
1563
1563
  const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
1564
1564
  const styles = [
@@ -1586,14 +1586,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
1586
1586
  props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
1587
1587
  });
1588
1588
 
1589
- var css$1n = {"root":"Gx2SsF"};
1589
+ var css$1n = {"root":"gyXcWl"};
1590
1590
 
1591
1591
  function applyVerticalTabButtonMods() {
1592
1592
  return [css$1n.root, 'uui-vertical-tab-button'];
1593
1593
  }
1594
1594
  const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
1595
1595
 
1596
- var css$1m = {"root":"A702Ze"};
1596
+ var css$1m = {"root":"mX94Ob"};
1597
1597
 
1598
1598
  function applyCheckboxMods(mods) {
1599
1599
  return [
@@ -1611,7 +1611,7 @@ const applyUUICheckboxProps = (props) => {
1611
1611
  };
1612
1612
  const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
1613
1613
 
1614
- var css$1l = {"root":"B8jmoD"};
1614
+ var css$1l = {"root":"o8qmgp"};
1615
1615
 
1616
1616
  function applyRadioInputMods(mods) {
1617
1617
  return [
@@ -1623,7 +1623,7 @@ function applyRadioInputMods(mods) {
1623
1623
  }
1624
1624
  const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
1625
1625
 
1626
- var css$1k = {"root":"C2H9-J"};
1626
+ var css$1k = {"root":"_61bn0E"};
1627
1627
 
1628
1628
  function applySwitchMods(mods) {
1629
1629
  return [
@@ -1647,7 +1647,7 @@ var EditMode;
1647
1647
  EditMode["INLINE"] = "inline";
1648
1648
  })(EditMode || (EditMode = {}));
1649
1649
 
1650
- var textInputCss = {"root":"k4Jcgv"};
1650
+ var textInputCss = {"root":"s5yRfY"};
1651
1651
 
1652
1652
  const DEFAULT_MODE$3 = EditMode.FORM;
1653
1653
  function applyTextInputMods(mods) {
@@ -1672,7 +1672,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
1672
1672
  } }));
1673
1673
  });
1674
1674
 
1675
- var css$1j = {"root":"_6y1b20"};
1675
+ var css$1j = {"root":"_3uiLCo"};
1676
1676
 
1677
1677
  const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root, 'uui-control-group']);
1678
1678
 
@@ -1688,7 +1688,7 @@ function MultiSwitchComponent(props, ref) {
1688
1688
  }
1689
1689
  const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
1690
1690
 
1691
- var css$1i = {"root":"_6imyD0"};
1691
+ var css$1i = {"root":"r-X22c"};
1692
1692
 
1693
1693
  const DEFAULT_MODE$2 = EditMode.FORM;
1694
1694
  function applyNumericInputMods(mods) {
@@ -1708,7 +1708,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
1708
1708
  };
1709
1709
  });
1710
1710
 
1711
- var css$1h = {"root":"EyAsD5"};
1711
+ var css$1h = {"root":"zotoeH"};
1712
1712
 
1713
1713
  const DEFAULT_MODE$1 = EditMode.FORM;
1714
1714
  function applyTextAreaMods(mods) {
@@ -1749,7 +1749,7 @@ function TREE_SHAKEABLE_INIT$1() {
1749
1749
  };
1750
1750
  }
1751
1751
 
1752
- var css$1g = {"root":"dIdDZ4"};
1752
+ var css$1g = {"root":"Aaz7Ol"};
1753
1753
 
1754
1754
  function applyDropdownContainerMods(mods) {
1755
1755
  return [
@@ -1760,7 +1760,7 @@ function applyDropdownContainerMods(mods) {
1760
1760
  }
1761
1761
  const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
1762
1762
 
1763
- var css$1f = {"root":"hxYhUd","timepicker-input":"_62lVU6","timepickerInput":"_62lVU6","ltr-always":"rDMYcs","ltrAlways":"rDMYcs"};
1763
+ var css$1f = {"root":"WYO8lg","timepicker-input":"xQ8f8R","timepickerInput":"xQ8f8R","ltr-always":"_3fxIym","ltrAlways":"_3fxIym"};
1764
1764
 
1765
1765
  const uuiTimePicker = {
1766
1766
  container: 'uui-timepicker-container',
@@ -1878,6 +1878,7 @@ function TimePickerComponent(props, ref) {
1878
1878
  value: valueToTimeString(props.value, props.format),
1879
1879
  inputValue: valueToTimeString(props.value, props.format),
1880
1880
  });
1881
+ const targetRef = React__default.useRef(null);
1881
1882
  useEffect(() => {
1882
1883
  if (valueToTimeString(props.value, props.format) !== state.value) {
1883
1884
  const stringValue = valueToTimeString(props.value, props.format);
@@ -1905,7 +1906,10 @@ function TimePickerComponent(props, ref) {
1905
1906
  };
1906
1907
  const saveTime = (newTime) => {
1907
1908
  setState((prevState) => ({ ...prevState, inputValue: newTime }));
1908
- props.onValueChange(formatStringTimeToObject(newTime));
1909
+ const newValue = formatStringTimeToObject(newTime);
1910
+ if (!isEqual(props.value, newValue)) {
1911
+ props.onValueChange(formatStringTimeToObject(newTime));
1912
+ }
1909
1913
  };
1910
1914
  const getTimeFromInputValue = (newValue) => {
1911
1915
  const trimmedNewValue = newValue.trimStart();
@@ -1919,7 +1923,6 @@ function TimePickerComponent(props, ref) {
1919
1923
  saveTime(inputValue);
1920
1924
  };
1921
1925
  const handleFocus = (e) => {
1922
- onToggle(true);
1923
1926
  props.onFocus?.(e);
1924
1927
  };
1925
1928
  const handleInputChange = (newValue) => {
@@ -1932,7 +1935,6 @@ function TimePickerComponent(props, ref) {
1932
1935
  }
1933
1936
  };
1934
1937
  const handleBlur = (e) => {
1935
- onToggle(false);
1936
1938
  props.onBlur?.(e);
1937
1939
  if (state.value === '' || state.inputValue === '') {
1938
1940
  props.onValueChange(null);
@@ -1940,19 +1942,37 @@ function TimePickerComponent(props, ref) {
1940
1942
  }
1941
1943
  state.value && state.inputValue && saveTime(state.value);
1942
1944
  };
1945
+ const onKeyDown = (e) => {
1946
+ if (e.key === 'Enter') {
1947
+ onToggle(true);
1948
+ }
1949
+ if (e.key === 'Escape' && state.isOpen) {
1950
+ e.preventDefault();
1951
+ e.stopPropagation();
1952
+ onToggle(false);
1953
+ }
1954
+ };
1943
1955
  const renderInput = (inputProps) => {
1944
- 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 }));
1956
+ 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) => {
1957
+ targetRef.current = node;
1958
+ if (typeof inputProps.ref === 'function') {
1959
+ inputProps.ref(node);
1960
+ }
1961
+ else if (inputProps.ref && 'current' in inputProps.ref) {
1962
+ inputProps.ref.current = node;
1963
+ }
1964
+ } }));
1945
1965
  };
1946
1966
  const renderBody = (bodyProps) => {
1947
1967
  const { forwardedRef, onValueChange, ...timePickerBodyProps } = props;
1948
- return (!props.isDisabled && !props.isReadonly && (React__default.createElement(DropdownContainer, { ...bodyProps, focusLock: false },
1968
+ return (!props.isDisabled && !props.isReadonly && (React__default.createElement(DropdownContainer, { ...bodyProps, shards: [targetRef] },
1949
1969
  React__default.createElement(TimePickerBody, { ...timePickerBodyProps, onValueChange: handleBodyValueChange, value: formatStringTimeToObject(state.value), rawProps: props.rawProps?.body, cx: props.bodyCx }))));
1950
1970
  };
1951
1971
  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 }));
1952
1972
  }
1953
1973
  const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
1954
1974
 
1955
- var css$1e = {"root":"-C4LNR"};
1975
+ var css$1e = {"root":"YKtnMS"};
1956
1976
 
1957
1977
  function applyInputAddonMods() {
1958
1978
  return [
@@ -1961,14 +1981,14 @@ function applyInputAddonMods() {
1961
1981
  }
1962
1982
  const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
1963
1983
 
1964
- var css$1d = {"root":"u5qeeM"};
1984
+ var css$1d = {"root":"_6elwRc"};
1965
1985
 
1966
1986
  function applySliderMods() {
1967
1987
  return [css$1d.root, 'uui-color-neutral'];
1968
1988
  }
1969
1989
  const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
1970
1990
 
1971
- var css$1c = {"root":"M4ZUIP"};
1991
+ var css$1c = {"root":"p70fY3"};
1972
1992
 
1973
1993
  function applyTooltipMods(mods) {
1974
1994
  return [
@@ -1978,7 +1998,7 @@ function applyTooltipMods(mods) {
1978
1998
  }
1979
1999
  const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
1980
2000
 
1981
- var css$1b = {"root":"kxr2Jn","tooltip":"QFv7-a"};
2001
+ var css$1b = {"root":"-RCkA7","tooltip":"vwQz3n"};
1982
2002
 
1983
2003
  function applyRatingMods(mods) {
1984
2004
  return [
@@ -1992,7 +2012,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
1992
2012
  Tooltip,
1993
2013
  }));
1994
2014
 
1995
- var css$1a = {"root":"okS1M6","main-path":"nzta-K","mainPath":"nzta-K","content-wrapper":"by4fOM","contentWrapper":"by4fOM","content":"uQaYhK","action-wrapper":"XWq17N","actionWrapper":"XWq17N","icon-wrapper":"uDIZQF","iconWrapper":"uDIZQF","icon":"oK1k6p","close-icon":"zQpJU5","closeIcon":"zQpJU5"};
2015
+ 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"};
1996
2016
 
1997
2017
  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 },
1998
2018
  React.createElement("div", { className: css$1a.mainPath },
@@ -2010,7 +2030,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
2010
2030
 
2011
2031
  const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
2012
2032
 
2013
- var css$19 = {"submenu-root-item-rtl":"MlB8NP","submenuRootItemRtl":"MlB8NP","icon-after":"BAXmPt","iconAfter":"BAXmPt","submenu-root-item":"-up2Lh","submenuRootItem":"-up2Lh","icon-check":"DPQrR0","iconCheck":"DPQrR0","splitter-root":"Bbebak","splitterRoot":"Bbebak","splitter":"slaJ8c","header-root":"_3gCC-f","headerRoot":"_3gCC-f","item-root":"IHOgl9","itemRoot":"IHOgl9","icon":"ma6JzO","link":"YLElR3","indent":"_9raZdi","selected-mark":"kkLpeM","selectedMark":"kkLpeM"};
2033
+ 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"};
2014
2034
 
2015
2035
  var IDropdownControlKeys;
2016
2036
  (function (IDropdownControlKeys) {
@@ -2135,7 +2155,7 @@ function DropdownMenuSwitchButton(props) {
2135
2155
  React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
2136
2156
  }
2137
2157
 
2138
- var css$18 = {"root":"nQCanv","mode-block":"NGaY3h","modeBlock":"NGaY3h","mode-inline":"hW7lZD","modeInline":"hW7lZD","padding-0":"yNlESs","padding0":"yNlESs","padding-6":"_0dPhQC","padding6":"_0dPhQC","padding-12":"_7-wz3L","padding12":"_7-wz3L","padding-18":"MDWLRe","padding18":"MDWLRe"};
2158
+ 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"};
2139
2159
 
2140
2160
  function applyAccordionMods(mods) {
2141
2161
  return [
@@ -2148,7 +2168,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
2148
2168
  dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
2149
2169
  }));
2150
2170
 
2151
- var css$17 = {"root":"HivfIO","align-items":"No-ha3","alignItems":"No-ha3","justify-content":"_7vnf1Q","justifyContent":"_7vnf1Q","border-top":"dCr59e","borderTop":"dCr59e","border-bottom":"eSZH-r","borderBottom":"eSZH-r","top-shadow":"luJAk6","topShadow":"luJAk6","padding":"AppNPM","margin":"MBb9Dp","vPadding":"nJFa15","column-gap":"pRpwwy","columnGap":"pRpwwy","row-gap":"_7bBRio","rowGap":"_7bBRio","spacing":"WiM5fq"};
2171
+ 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"};
2152
2172
 
2153
2173
  const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$17.flexCell]);
2154
2174
 
@@ -2200,7 +2220,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
2200
2220
  } }, props.children));
2201
2221
  });
2202
2222
 
2203
- var css$16 = {"root":"cWIIdr","margin-24":"np18z-","margin24":"np18z-","padding-12":"L3Mp15","padding12":"L3Mp15","padding-24":"kgD84H","padding24":"kgD84H","shadow":"_698JVX","uui-surface-main":"_9tJPmK","uuiSurfaceMain":"_9tJPmK"};
2223
+ 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"};
2204
2224
 
2205
2225
  const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
2206
2226
  'uui-panel',
@@ -2210,7 +2230,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
2210
2230
  props.background && css$16[`uui-${props.background}`],
2211
2231
  ]);
2212
2232
 
2213
- var css$15 = {"root":"_5cM0W5"};
2233
+ var css$15 = {"root":"_2RVQp5"};
2214
2234
 
2215
2235
  function applyLabeledInputMods(mods) {
2216
2236
  return [
@@ -2227,7 +2247,7 @@ function applyLabeledInputProps(props) {
2227
2247
  }
2228
2248
  const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
2229
2249
 
2230
- var css$14 = {"root":"ure4EV"};
2250
+ var css$14 = {"root":"_8sQEm7"};
2231
2251
 
2232
2252
  function RadioGroup(props) {
2233
2253
  const direction = props.direction || 'vertical';
@@ -2242,7 +2262,7 @@ function RadioGroup(props) {
2242
2262
  })));
2243
2263
  }
2244
2264
 
2245
- var css$13 = {"root":"cV9KG6"};
2265
+ var css$13 = {"root":"YGiMr6"};
2246
2266
 
2247
2267
  function applyScrollBarsMods() {
2248
2268
  return [
@@ -2251,7 +2271,7 @@ function applyScrollBarsMods() {
2251
2271
  }
2252
2272
  const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
2253
2273
 
2254
- var css$12 = {"scroll-container":"ufwgLq","scrollContainer":"ufwgLq","list-container":"uP3bbm","listContainer":"uP3bbm"};
2274
+ var css$12 = {"scroll-container":"ePH08-","scrollContainer":"ePH08-","list-container":"Pi-NVe","listContainer":"Pi-NVe"};
2255
2275
 
2256
2276
  const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
2257
2277
  const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
@@ -2295,7 +2315,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
2295
2315
  props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React.createElement(Blocker, { isEnabled: props.isLoading })));
2296
2316
  });
2297
2317
 
2298
- var css$11 = {"root":"FWZk3D"};
2318
+ var css$11 = {"root":"_4JPERK"};
2299
2319
 
2300
2320
  function CheckboxGroup(props) {
2301
2321
  const currentValue = props.value || [];
@@ -2317,7 +2337,7 @@ function CheckboxGroup(props) {
2317
2337
  })));
2318
2338
  }
2319
2339
 
2320
- var css$10 = {"root":"YxXs6B","modal-blocker":"oiCB0z","modalBlocker":"oiCB0z","animateModalBlocker":"jXWm3m","modal":"DcXi-V","modal-footer":"tQawqF","modalFooter":"tQawqF","border-top":"_8j9kZS","borderTop":"_8j9kZS","modal-header":"j9h6KY","modalHeader":"j9h6KY","border-bottom":"osgNzz","borderBottom":"osgNzz"};
2340
+ 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"};
2321
2341
 
2322
2342
  const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$10.modalBlocker]);
2323
2343
  const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$10.root, css$10.modal], (props) => {
@@ -2509,7 +2529,7 @@ const TREE_SHAKEABLE_INIT = () => ({
2509
2529
  });
2510
2530
  const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
2511
2531
 
2512
- var css$$ = {"root":"pBO4hd","icon-wrapper":"_6vqvAJ","iconWrapper":"_6vqvAJ","action-wrapper":"kcBgYR","actionWrapper":"kcBgYR","close-icon":"sybnkG","closeIcon":"sybnkG","main-path":"WrjVG6","mainPath":"WrjVG6","content":"kttbxl","close-wrapper":"Sswx0f","closeWrapper":"Sswx0f","clear-notifications":"GOubmH","clearNotifications":"GOubmH"};
2532
+ 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"};
2513
2533
 
2514
2534
  const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
2515
2535
  const notificationCardNode = React__default.useRef(null);
@@ -2542,7 +2562,7 @@ function ClearNotification() {
2542
2562
  React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
2543
2563
  }
2544
2564
 
2545
- var css$_ = {"footer":"_6-31Rc"};
2565
+ var css$_ = {"footer":"OUEEGd"};
2546
2566
 
2547
2567
  class ConfirmationModal extends React.Component {
2548
2568
  render() {
@@ -2584,7 +2604,7 @@ function useReliableForceUpdate() {
2584
2604
  return red[1];
2585
2605
  }
2586
2606
 
2587
- var css$Z = {"root":"LfhOz9","container":"D4vmf2"};
2607
+ var css$Z = {"root":"LgqQBw","container":"c3pB2D"};
2588
2608
 
2589
2609
  const defaultFormat = 'MMM D, YYYY';
2590
2610
  const valueFormat = 'YYYY-MM-DD';
@@ -2802,14 +2822,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
2802
2822
  React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
2803
2823
  }
2804
2824
 
2805
- var css$Y = {"root":"FWvzfD"};
2825
+ var css$Y = {"root":"ATG31y"};
2806
2826
 
2807
2827
  function applyDateSelectionMods() {
2808
2828
  return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
2809
2829
  }
2810
2830
  const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
2811
2831
 
2812
- var css$X = {"root":"jQCpNm"};
2832
+ var css$X = {"root":"SQmKLE"};
2813
2833
 
2814
2834
  const uuiDatePickerBody = {
2815
2835
  wrapper: 'uui-datepicker-body-wrapper',
@@ -2930,7 +2950,7 @@ function DatePickerComponent(props, ref) {
2930
2950
  }
2931
2951
  const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
2932
2952
 
2933
- var css$W = {"date-input":"G-Vi-n","dateInput":"G-Vi-n","root":"gEEiWT","separator":"bvtHzS"};
2953
+ var css$W = {"date-input":"oU6RYO","dateInput":"oU6RYO","root":"X2hZkz","separator":"_8jPRc6"};
2934
2954
 
2935
2955
  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) => {
2936
2956
  const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
@@ -3001,7 +3021,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
3001
3021
  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 })));
3002
3022
  });
3003
3023
 
3004
- var css$V = {"root":"SANITY"};
3024
+ var css$V = {"root":"gxksPw"};
3005
3025
 
3006
3026
  const uuiPresets = {
3007
3027
  container: 'uui-presets-container',
@@ -3021,7 +3041,7 @@ function CalendarPresets(props) {
3021
3041
  getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
3022
3042
  }
3023
3043
 
3024
- var css$U = {"root":"VE7JEY","container":"Fgel-y","day-selection":"pmzYG5","daySelection":"pmzYG5","from-picker":"heUVhJ","fromPicker":"heUVhJ","to-picker":"iWygxc","toPicker":"iWygxc","bodes-wrapper":"jsAFxE","bodesWrapper":"jsAFxE","blocker":"lqbjWb"};
3044
+ 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"};
3025
3045
 
3026
3046
  const uuiRangeDatePickerBody = {
3027
3047
  inRange: 'uui-range-datepicker-in-range',
@@ -3223,7 +3243,7 @@ const getDayState = (day, selectedDate) => {
3223
3243
  };
3224
3244
  };
3225
3245
 
3226
- var css$T = {"dropdown-container":"auxvQc","dropdownContainer":"auxvQc"};
3246
+ var css$T = {"dropdown-container":"MRqHrI","dropdownContainer":"MRqHrI"};
3227
3247
 
3228
3248
  function RangeDatePickerComponent(props, ref) {
3229
3249
  const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3291,7 +3311,7 @@ function RangeDatePickerComponent(props, ref) {
3291
3311
  }
3292
3312
  const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
3293
3313
 
3294
- var css$S = {"root":"wQkpi-","blocker":"_002lWm","marker":"BQMQw5","top":"_3mJMkm","bottom":"fjKvJW","left":"rqL9EM","right":"h3rHBR","inside":"BgGEi8"};
3314
+ var css$S = {"root":"Ed-Obs","blocker":"ae1BpS","marker":"bJ3XRx","top":"r2aQdm","bottom":"LyKkZ7","left":"UpZrTt","right":"Q-q-1f","inside":"_0xyj8g"};
3295
3315
 
3296
3316
  function DropMarker(props) {
3297
3317
  return props.isDndInProgress
@@ -3308,15 +3328,15 @@ function DropMarker(props) {
3308
3328
 
3309
3329
  const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
3310
3330
 
3311
- var css$R = {"search-wrapper":"uChikL","searchWrapper":"uChikL","no-data":"CBSz4Z","noData":"CBSz4Z"};
3331
+ var css$R = {"search-wrapper":"rtR3-Q","searchWrapper":"rtR3-Q","no-data":"QNIshj","noData":"QNIshj"};
3312
3332
 
3313
- var css$Q = {"picker-row":"yDxfZA","pickerRow":"yDxfZA","align-widgets-top":"n2I-MD","alignWidgetsTop":"n2I-MD","row-content":"IXGz8k","rowContent":"IXGz8k","align-widgets-center":"kNG9A-","alignWidgetsCenter":"kNG9A-","icon-container":"xdriRx","iconContainer":"xdriRx","content-wrapper":"qbu6R5","contentWrapper":"qbu6R5","icon-wrapper":"hDI8gn","iconWrapper":"hDI8gn","icon-default":"XPJBt7","iconDefault":"XPJBt7","selected-mark":"_1cjjWt","selectedMark":"_1cjjWt"};
3333
+ 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"};
3314
3334
 
3315
- var css$P = {"root":"rWzDlJ"};
3335
+ var css$P = {"root":"h4utAI"};
3316
3336
 
3317
3337
  const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
3318
3338
 
3319
- var css$O = {"root":"wMk2oy"};
3339
+ var css$O = {"root":"G-klZ-"};
3320
3340
 
3321
3341
  const DEFAULT_FILL = 'solid';
3322
3342
  function applyBadgeMods(mods) {
@@ -3344,7 +3364,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
3344
3364
  props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
3345
3365
  });
3346
3366
 
3347
- var css$N = {"root":"_2og3dx"};
3367
+ var css$N = {"root":"cTxOfc"};
3348
3368
 
3349
3369
  function applyTagMods(props) {
3350
3370
  return [
@@ -3372,7 +3392,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
3372
3392
  props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
3373
3393
  });
3374
3394
 
3375
- var css$M = {"root":"zQ-XpN","page":"MHQlju","spacer":"p5nmNl","mode-ghost":"urxCjP","modeGhost":"urxCjP"};
3395
+ var css$M = {"root":"zzbN-r","page":"SVkcwy","spacer":"_3n8Dm-","mode-ghost":"UGqAb-","modeGhost":"UGqAb-"};
3376
3396
 
3377
3397
  function Paginator(props) {
3378
3398
  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 },
@@ -3389,14 +3409,14 @@ function Paginator(props) {
3389
3409
  return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
3390
3410
  }
3391
3411
 
3392
- var css$L = {"root":"P-mHL-","progress-bar":"JlG4Ec","progressBar":"JlG4Ec","progressBar-indeterminate":"uBAPBv","progressBarIndeterminate":"uBAPBv","size-12":"_7dhMIM","size12":"_7dhMIM","size-18":"lDDp5k","size18":"lDDp5k","size-24":"ANrUri","size24":"ANrUri"};
3412
+ 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"};
3393
3413
 
3394
3414
  const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
3395
3415
  return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$L.root, css$L[`size-${props.size || 12}`]) },
3396
3416
  React.createElement("div", { className: cx(css$L.progressBar) })));
3397
3417
  });
3398
3418
 
3399
- var css$K = {"root":"BwuVCZ","striped":"tDEBhj","animate-stripes":"xJEe8W","animateStripes":"xJEe8W","size-12":"WtN8yU","size12":"WtN8yU","size-18":"ebqUkz","size18":"ebqUkz","size-24":"gKxmOL","size24":"gKxmOL"};
3419
+ 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"};
3400
3420
 
3401
3421
  const DEFAULT_SIZE = '12';
3402
3422
  function applyProgressBarMods(mods) {
@@ -3411,14 +3431,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
3411
3431
  hideLabel: props.hideLabel || props.striped,
3412
3432
  }));
3413
3433
 
3414
- var css$J = {"root":"bcttO-"};
3434
+ var css$J = {"root":"_1Q-Qpv"};
3415
3435
 
3416
3436
  const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
3417
3437
  const { progress } = props;
3418
3438
  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) }));
3419
3439
  });
3420
3440
 
3421
- var css$I = {"root":"l0HOK-"};
3441
+ var css$I = {"root":"ZpBKr2"};
3422
3442
 
3423
3443
  const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
3424
3444
  return (React__default.createElement("div", { ref: ref, className: cx([
@@ -3433,7 +3453,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
3433
3453
  React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
3434
3454
  });
3435
3455
 
3436
- var css$H = {"drag-handle-wrapper":"W9wFsC","dragHandleWrapper":"W9wFsC","with-indent":"-vSTrD","withIndent":"-vSTrD","drag-handle":"_3bnXri","dragHandle":"_3bnXri","icon-container":"km-aKb","iconContainer":"km-aKb"};
3456
+ var css$H = {"drag-handle-wrapper":"BciIzT","dragHandleWrapper":"BciIzT","with-indent":"g0OD7g","withIndent":"g0OD7g","drag-handle":"BL1KXB","dragHandle":"BL1KXB","icon-container":"wYLuUn","iconContainer":"wYLuUn"};
3437
3457
 
3438
3458
  function DataRowAddons(props) {
3439
3459
  const row = props.rowProps;
@@ -3520,7 +3540,7 @@ const getHighlightedSearchMatches = (str, search) => {
3520
3540
  return getDecoratedText(str, ranges);
3521
3541
  };
3522
3542
 
3523
- var css$G = {"root":"_9VjPUR","column-gap":"lQg9yo","columnGap":"lQg9yo","title":"znXLDm","subtitle":"Gk7DeV","disabled":"YnVpNW","multiline":"i5qp0v"};
3543
+ var css$G = {"root":"VCfw0p","column-gap":"PUPsDz","columnGap":"PUPsDz","title":"iZD6OW","subtitle":"LDLHGD","disabled":"_7eqH-j","multiline":"-Ip97z"};
3524
3544
 
3525
3545
  function PickerItem(props) {
3526
3546
  const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -3694,7 +3714,7 @@ function DataPickerFooterImpl(props) {
3694
3714
  }
3695
3715
  const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
3696
3716
 
3697
- var css$F = {"header":"o-BJ9l","title":"qHXGC3","close":"F7L2qO"};
3717
+ var css$F = {"header":"Klq72P","title":"_813TXs","close":"PAPM4-"};
3698
3718
 
3699
3719
  const DataPickerMobileHeaderImpl = (props) => {
3700
3720
  const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -3704,7 +3724,7 @@ const DataPickerMobileHeaderImpl = (props) => {
3704
3724
  };
3705
3725
  const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
3706
3726
 
3707
- var css$E = {"done":"e5D5i5","container":"xLfh7T"};
3727
+ var css$E = {"done":"-p2NAu","container":"H0HVnQ"};
3708
3728
 
3709
3729
  const PickerBodyMobileView = (props) => {
3710
3730
  const isMobileView = isMobile();
@@ -3716,7 +3736,7 @@ const PickerBodyMobileView = (props) => {
3716
3736
  isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
3717
3737
  };
3718
3738
 
3719
- var css$D = {"sub-header-wrapper":"RYsGjn","subHeaderWrapper":"RYsGjn","switch":"c44g-L","no-found-modal-container":"v8Hpcu","noFoundModalContainer":"v8Hpcu","no-found-modal-container-icon":"_3-rcHr","noFoundModalContainerIcon":"_3-rcHr","no-found-modal-container-text":"TdoReu","noFoundModalContainerText":"TdoReu","body":"mQQ8ME"};
3739
+ 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"};
3720
3740
 
3721
3741
  function PickerModal(props) {
3722
3742
  const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -3762,7 +3782,7 @@ function PickerModal(props) {
3762
3782
  React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
3763
3783
  }
3764
3784
 
3765
- var css$C = {"tooltip":"ACk5I-"};
3785
+ var css$C = {"tooltip":"dpWfZU"};
3766
3786
 
3767
3787
  const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
3768
3788
  const tagProps = {
@@ -3781,7 +3801,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
3781
3801
  }
3782
3802
  });
3783
3803
 
3784
- var css$B = {"root":"-vv5hx"};
3804
+ var css$B = {"root":"TcahmI"};
3785
3805
 
3786
3806
  const defaultMode = EditMode.FORM;
3787
3807
  function applyPickerTogglerMods(mods) {
@@ -3863,7 +3883,7 @@ function PickerInputComponent(props, ref) {
3863
3883
  }
3864
3884
  const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
3865
3885
 
3866
- var css$A = {"row":"AM-fD5"};
3886
+ var css$A = {"row":"_9oNwh8"};
3867
3887
 
3868
3888
  function PickerListRow(props) {
3869
3889
  let label;
@@ -3883,7 +3903,7 @@ function PickerListRow(props) {
3883
3903
  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));
3884
3904
  }
3885
3905
 
3886
- var css$z = {"root":"CAuzID"};
3906
+ var css$z = {"root":"_18eomB"};
3887
3907
 
3888
3908
  function PickerList(props) {
3889
3909
  const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
@@ -3918,7 +3938,7 @@ function PickerList(props) {
3918
3938
  }, selectedRows)));
3919
3939
  }
3920
3940
 
3921
- var css$y = {"root":"p2gPJR","wrapper":"vzrNAz","align-widgets-top":"_0DeRf5","alignWidgetsTop":"_0DeRf5","align-widgets-center":"_0-qCwA","alignWidgetsCenter":"_0-qCwA"};
3941
+ var css$y = {"root":"tdHjvd","wrapper":"YDV2fT","align-widgets-top":"QsvZER","alignWidgetsTop":"QsvZER","align-widgets-center":"_8u--fq","alignWidgetsCenter":"_8u--fq"};
3922
3942
 
3923
3943
  function DataTableCell(initialProps) {
3924
3944
  const props = { ...initialProps };
@@ -3968,7 +3988,7 @@ function DataTableCell(initialProps) {
3968
3988
  return React.createElement(DataTableCell$1, { ...props });
3969
3989
  }
3970
3990
 
3971
- var css$x = {"root":"GKI4TA"};
3991
+ var css$x = {"root":"m11hiD"};
3972
3992
 
3973
3993
  // Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
3974
3994
  // 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.
@@ -3984,7 +4004,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
3984
4004
  ];
3985
4005
  }, () => propsMods);
3986
4006
 
3987
- var css$w = {"sorting-panel-container":"_76A-j4","sortingPanelContainer":"_76A-j4"};
4007
+ var css$w = {"sorting-panel-container":"rT0JtW","sortingPanelContainer":"rT0JtW"};
3988
4008
 
3989
4009
  const SortingPanelImpl = ({ sortDirection, onSort }) => {
3990
4010
  const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -4004,7 +4024,7 @@ const ColumnHeaderDropdownImpl = (props) => {
4004
4024
  };
4005
4025
  const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
4006
4026
 
4007
- var css$v = {"root":"_8-cJ1H","caption-wrapper":"OVXTgY","captionWrapper":"OVXTgY","sort-icon":"Dnl2Fs","sortIcon":"Dnl2Fs","dropdown-icon":"WOXIM-","dropdownIcon":"WOXIM-","infoIcon":"IhYLx8","align-right":"r832K7","alignRight":"r832K7","align-center":"Zb6ujq","alignCenter":"Zb6ujq","caption":"Y1U62E","truncate":"J83Gtw","upper-case":"vk9zUj","upperCase":"vk9zUj","checkbox":"JDWffV","icon":"Wt-UFi","fold-all-icon":"-EQEdo","foldAllIcon":"-EQEdo","cell-tooltip":"BpsvOg","cellTooltip":"BpsvOg","resizing-marker":"_1F4nOF","resizingMarker":"_1F4nOF","pinned-right":"RbG2D2","pinnedRight":"RbG2D2","draggable":"llwXvt","ghost":"Ft17YZ","is-dragged-out":"iOwYHG","isDraggedOut":"iOwYHG","dnd-marker-left":"beHon1","dndMarkerLeft":"beHon1","dnd-marker-right":"g9VQ0R","dndMarkerRight":"g9VQ0R","cell-tooltip-wrapper":"Zout4i","cellTooltipWrapper":"Zout4i","cell-tooltip-text":"ZjlZQ-","cellTooltipText":"ZjlZQ-","tooltip-caption":"Z8D0Rt","tooltipCaption":"Z8D0Rt","tooltip-info":"jmjlR-","tooltipInfo":"jmjlR-"};
4027
+ 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"};
4008
4028
 
4009
4029
  class DataTableHeaderCell extends React.Component {
4010
4030
  constructor() {
@@ -4098,7 +4118,7 @@ class DataTableHeaderCell extends React.Component {
4098
4118
  }
4099
4119
  }
4100
4120
 
4101
- var css$u = {"root":"uZUnJk","caption-wrapper":"mQsI7h","captionWrapper":"mQsI7h","align-center":"o6nx4Y","alignCenter":"o6nx4Y","caption":"_0tpyvo","truncate":"n3iLpF","upper-case":"_30Coxb","upperCase":"_30Coxb","group-cell-tooltip":"W-DT0T","groupCellTooltip":"W-DT0T","group-cell-tooltip-wrapper":"KQinqu","groupCellTooltipWrapper":"KQinqu","group-cell-tooltip-text":"zSsLFN","groupCellTooltipText":"zSsLFN","tooltip-caption":"pOKBdZ","tooltipCaption":"pOKBdZ","tooltip-info":"_84JG3-","tooltipInfo":"_84JG3-"};
4121
+ 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"};
4102
4122
 
4103
4123
  class DataTableHeaderGroupCell extends React.Component {
4104
4124
  constructor() {
@@ -4138,7 +4158,7 @@ class DataTableHeaderGroupCell extends React.Component {
4138
4158
  }
4139
4159
  }
4140
4160
 
4141
- var css$t = {"root":"hwdtV0"};
4161
+ var css$t = {"root":"TgXcZg"};
4142
4162
 
4143
4163
  const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
4144
4164
  renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
@@ -4234,7 +4254,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
4234
4254
  const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
4235
4255
  const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
4236
4256
 
4237
- var css$s = {"body":"HG1sxN","header":"ZRL-Fb","title":"gbro8l","removeButton":"q-dMYM","with-search":"_7e9eR-","withSearch":"_7e9eR-"};
4257
+ var css$s = {"body":"ne5mby","header":"fB5X3o","title":"S45MVw","removeButton":"MVb7I0","with-search":"jxjm-j","withSearch":"jxjm-j"};
4238
4258
 
4239
4259
  function FilterColumnBody(props) {
4240
4260
  const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
@@ -4295,7 +4315,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
4295
4315
  return columns;
4296
4316
  };
4297
4317
 
4298
- var css$r = {"unpin-icon":"C2LHFU","unpinIcon":"C2LHFU","pin-toggler-icon":"G9h9Iq","pinTogglerIcon":"G9h9Iq"};
4318
+ var css$r = {"unpin-icon":"zyoH0i","unpinIcon":"zyoH0i","pin-toggler-icon":"NBbgDT","pinTogglerIcon":"NBbgDT"};
4299
4319
 
4300
4320
  function PinIconButton(props) {
4301
4321
  const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4337,7 +4357,7 @@ function getUnpinIcon(params) {
4337
4357
  }
4338
4358
  }
4339
4359
 
4340
- var css$q = {"row-wrapper":"JBn9WT","rowWrapper":"JBn9WT","pin-icon-button":"G2vhYT","pinIconButton":"G2vhYT","not-pinned":"cYd5ll","notPinned":"cYd5ll","checkbox":"zJd4Br","drag-handle":"RBKO5B","dragHandle":"RBKO5B","dnd-disabled":"gRML8V","dndDisabled":"gRML8V"};
4360
+ 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"};
4341
4361
 
4342
4362
  const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
4343
4363
  const { column } = props;
@@ -4360,7 +4380,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
4360
4380
  return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
4361
4381
  });
4362
4382
 
4363
- var css$p = {"root":"ofXA2t","main-panel":"_6jrvxs","mainPanel":"_6jrvxs","group":"rkN--P","group-title":"lYW3gZ","groupTitle":"lYW3gZ","group-items":"z8LMuO","groupItems":"z8LMuO","no-data":"YqSWgF","noData":"YqSWgF","no-data-title":"-D-4Pm","noDataTitle":"-D-4Pm","no-data-sub-title":"IN-FRg","noDataSubTitle":"IN-FRg","h-divider":"vlZwi1","hDivider":"vlZwi1","search-area":"lvJpME","searchArea":"lvJpME","subgroup-accordion":"_95zyLJ","subgroupAccordion":"_95zyLJ","subgroup":"WsXYqN","subgroup-title":"VWo8UX","subgroupTitle":"VWo8UX"};
4383
+ 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"};
4364
4384
 
4365
4385
  const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
4366
4386
  React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
@@ -4462,7 +4482,7 @@ const getChildrenAndRest = (row, rows) => {
4462
4482
  return [children, rest];
4463
4483
  };
4464
4484
 
4465
- var css$o = {"listContainer":"CRjw4D","header":"TTAAqt","group":"S4KcXD","stickyHeader":"_1YFNuc"};
4485
+ var css$o = {"listContainer":"Pksu6m","header":"tLHg5d","group":"t3XNcd","stickyHeader":"ZL6ceL"};
4466
4486
 
4467
4487
  function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
4468
4488
  const rowRef = useRef(undefined);
@@ -4502,7 +4522,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
4502
4522
  React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
4503
4523
  }
4504
4524
 
4505
- var css$n = {"root":"-SNV3x","sticky-header":"fTVQ8Y","stickyHeader":"fTVQ8Y","no-results":"_9PdTMl","noResults":"_9PdTMl","icon":"jB1SNd","title":"_03jTqZ"};
4525
+ var css$n = {"root":"vzDu5T","sticky-header":"Jg8ZBf","stickyHeader":"Jg8ZBf","no-results":"sMRC4I","noResults":"sMRC4I","icon":"K4JUj7","title":"gT4BoH"};
4506
4526
 
4507
4527
  function DataTable(props) {
4508
4528
  const { uuiModals } = useUuiContext();
@@ -4551,7 +4571,7 @@ function DataTable(props) {
4551
4571
  } }))));
4552
4572
  }
4553
4573
 
4554
- var css$m = {"root":"WfeHAH","title-wrapper":"rMPC3t","titleWrapper":"rMPC3t","title":"UIUQTF","text-wrapper":"_8V0q6T","textWrapper":"_8V0q6T","selection":"x3F9oO","postfix":"qVFcFG","selected":"_1U3ytl"};
4574
+ var css$m = {"root":"_4oRAD5","title-wrapper":"_5ggNbD","titleWrapper":"_5ggNbD","title":"dsFeun","text-wrapper":"MKiQJ1","textWrapper":"MKiQJ1","selection":"OfwSwa","postfix":"BryOLS","selected":"-zLezU"};
4555
4575
 
4556
4576
  const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
4557
4577
  const togglerPickerOpened = (e) => {
@@ -4775,7 +4795,7 @@ function FilterRangeDatePickerBody(props) {
4775
4795
  renderFooter()));
4776
4796
  }
4777
4797
 
4778
- var css$l = {"container":"RQqA-v"};
4798
+ var css$l = {"container":"FsAl-x"};
4779
4799
 
4780
4800
  function FilterNumericBody(props) {
4781
4801
  const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -5086,7 +5106,7 @@ function FiltersToolbarImpl(props) {
5086
5106
  }
5087
5107
  const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
5088
5108
 
5089
- var css$k = {"delete-button":"_2DBerS","deleteButton":"_2DBerS","tab-button":"pEyNwV","tabButton":"pEyNwV","targetOpen":"vickBs"};
5109
+ var css$k = {"delete-button":"Ma02sJ","deleteButton":"Ma02sJ","tab-button":"dopetx","tabButton":"dopetx","targetOpen":"mDA3El"};
5090
5110
 
5091
5111
  function PresetActionsDropdown(props) {
5092
5112
  const { uuiNotifications } = useUuiContext();
@@ -5158,7 +5178,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
5158
5178
  const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
5159
5179
  const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
5160
5180
 
5161
- var css$j = {"preset-input-cell":"j-yCks","presetInputCell":"j-yCks","preset-input":"xuC11H","presetInput":"xuC11H"};
5181
+ var css$j = {"preset-input-cell":"AWoI46","presetInputCell":"AWoI46","preset-input":"mNceoH","presetInput":"mNceoH"};
5162
5182
 
5163
5183
  function PresetInput(props) {
5164
5184
  const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
@@ -5185,7 +5205,7 @@ function PresetInput(props) {
5185
5205
  React__default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
5186
5206
  }
5187
5207
 
5188
- var css$i = {"preset":"w3G0Oy","activePreset":"GEEAC1"};
5208
+ var css$i = {"preset":"bT2mdB","activePreset":"UNZze6"};
5189
5209
 
5190
5210
  function Preset(props) {
5191
5211
  const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -5210,7 +5230,7 @@ function Preset(props) {
5210
5230
  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 }))));
5211
5231
  }
5212
5232
 
5213
- var css$h = {"divider":"kii5y9","dropdownDeleteIcon":"_7sNe3Z","presetsWrapper":"qShnA1","addPresetContainer":"OH-n7A","dropContainer":"_6I4iEa"};
5233
+ var css$h = {"divider":"AIZqyg","dropdownDeleteIcon":"yAytjt","presetsWrapper":"_2oSXGd","addPresetContainer":"-jg-yK","dropContainer":"QFDi5M"};
5214
5234
 
5215
5235
  function PresetsPanel(props) {
5216
5236
  const [isAddingPreset, setIsAddingPreset] = useState(false);
@@ -5259,9 +5279,9 @@ function PresetsPanel(props) {
5259
5279
  React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
5260
5280
  }
5261
5281
 
5262
- var css$g = {"root":"y0LpYl"};
5282
+ var css$g = {"root":"XPeNIn"};
5263
5283
 
5264
- var css$f = {"root":"JJdvqU","burger-content":"etx3an","burgerContent":"etx3an"};
5284
+ var css$f = {"root":"bVaeSu","burger-content":"DX5gnC","burgerContent":"DX5gnC"};
5265
5285
 
5266
5286
  var _path$3;
5267
5287
  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); }
@@ -5304,7 +5324,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
5304
5324
  };
5305
5325
  var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
5306
5326
 
5307
- var css$e = {"root":"SW4To7","button-primary":"SjQMEw","buttonPrimary":"SjQMEw","button-secondary":"JACYz-","buttonSecondary":"JACYz-","hasIcon":"adPB9o","dropdown":"K-83h1"};
5327
+ var css$e = {"root":"T5RI8N","button-primary":"iKfi3P","buttonPrimary":"iKfi3P","button-secondary":"Pm6w0C","buttonSecondary":"Pm6w0C","hasIcon":"emDqMr","dropdown":"bnDjM1"};
5308
5328
 
5309
5329
  const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
5310
5330
  css$e.root,
@@ -5315,13 +5335,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
5315
5335
  props.icon && css$e.hasIcon,
5316
5336
  ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
5317
5337
 
5318
- var css$d = {"search-input":"l-C81I","searchInput":"l-C81I"};
5338
+ var css$d = {"search-input":"_3Y5bIp","searchInput":"_3Y5bIp"};
5319
5339
 
5320
5340
  function BurgerSearch(props) {
5321
5341
  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 }));
5322
5342
  }
5323
5343
 
5324
- var css$c = {"root":"SRaA7r","group-header":"ffekmd","groupHeader":"ffekmd","group-name":"BldgmC","groupName":"BldgmC","line":"YQ-KCd"};
5344
+ var css$c = {"root":"OAtxVY","group-header":"S0nRZu","groupHeader":"S0nRZu","group-name":"wR7zfh","groupName":"wR7zfh","line":"HgJfQ1"};
5325
5345
 
5326
5346
  function BurgerGroupHeader(props) {
5327
5347
  return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5329,7 +5349,7 @@ function BurgerGroupHeader(props) {
5329
5349
  React.createElement("span", { className: css$c.groupName }, props.caption)));
5330
5350
  }
5331
5351
 
5332
- var css$b = {"root":"Klbc1Q","type-primary":"blyrGv","typePrimary":"blyrGv","type-secondary":"Ht9zhV","typeSecondary":"Ht9zhV"};
5352
+ var css$b = {"root":"N4P6v1","type-primary":"aawhak","typePrimary":"aawhak","type-secondary":"cLp4-d","typeSecondary":"cLp4-d"};
5333
5353
 
5334
5354
  const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
5335
5355
  const { type, ...clickableProps } = props;
@@ -5351,7 +5371,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
5351
5371
  props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
5352
5372
  });
5353
5373
 
5354
- var css$a = {"dropdown-body":"C1m3aL","dropdownBody":"C1m3aL"};
5374
+ var css$a = {"dropdown-body":"tBBWJt","dropdownBody":"tBBWJt"};
5355
5375
 
5356
5376
  class MainMenuDropdown extends React.Component {
5357
5377
  render() {
@@ -5410,12 +5430,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
5410
5430
  };
5411
5431
  var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
5412
5432
 
5413
- var css$9 = {"global-menu-btn":"_76hurN","globalMenuBtn":"_76hurN","global-menu-icon":"yxyfhh","globalMenuIcon":"yxyfhh"};
5433
+ var css$9 = {"global-menu-btn":"dj58lj","globalMenuBtn":"dj58lj","global-menu-icon":"_84GlLY","globalMenuIcon":"_84GlLY"};
5414
5434
 
5415
5435
  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 },
5416
5436
  React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
5417
5437
 
5418
- var css$8 = {"container":"_0VI5hC","open":"_8zmL2v","folding-arrow":"hDNJlg","foldingArrow":"hDNJlg"};
5438
+ var css$8 = {"container":"ud-1Er","open":"_9aNoOn","folding-arrow":"vTyY2r","foldingArrow":"vTyY2r"};
5419
5439
 
5420
5440
  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 },
5421
5441
  React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
@@ -5423,15 +5443,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
5423
5443
  props.isDropdown && (React.createElement("div", null,
5424
5444
  React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
5425
5445
 
5426
- var css$7 = {"search-input":"w-Drg6","searchInput":"w-Drg6"};
5446
+ var css$7 = {"search-input":"chR8AE","searchInput":"chR8AE"};
5427
5447
 
5428
5448
  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 })) })));
5429
5449
 
5430
- var css$6 = {"container":"NC2LVh"};
5450
+ var css$6 = {"container":"mbC3ly"};
5431
5451
 
5432
5452
  const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
5433
5453
 
5434
- var css$5 = {"root":"_6MW6fh"};
5454
+ var css$5 = {"root":"-cdzYu"};
5435
5455
 
5436
5456
  const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
5437
5457
 
@@ -5489,7 +5509,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
5489
5509
  };
5490
5510
  var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
5491
5511
 
5492
- var css$4 = {"root":"W13sO1","drop-start":"NPO4fy","dropStart":"NPO4fy","drop-over":"zO1-jn","dropOver":"zO1-jn","link":"_7voOri","drop-area":"inmcio","dropArea":"inmcio","drop-caption":"JKDwG5","dropCaption":"JKDwG5","icon-blue":"IQii81","iconBlue":"IQii81"};
5512
+ 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"};
5493
5513
 
5494
5514
  function DropSpot(props) {
5495
5515
  const getInfoText = typeof props.infoText === 'string'
@@ -5507,7 +5527,7 @@ function DropSpot(props) {
5507
5527
  return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
5508
5528
  }
5509
5529
 
5510
- var css$3 = {"root":"_4yWMm2"};
5530
+ var css$3 = {"root":"Gv2uuf"};
5511
5531
 
5512
5532
  const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
5513
5533
  const outsetRadius = props.size / 2 - 1;
@@ -5518,7 +5538,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
5518
5538
  React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
5519
5539
  });
5520
5540
 
5521
- var css$2 = {"root":"dOTIMs","file-name":"Vz88H7","fileName":"Vz88H7","default-color":"_9AVmTX","defaultColor":"_9AVmTX","doc-color":"C81V1b","docColor":"C81V1b","xls-color":"SlkTTt","xlsColor":"SlkTTt","pdf-color":"xfCxjN","pdfColor":"xfCxjN","movie-color":"BOR5NZ","movieColor":"BOR5NZ","img-color":"xngck-","imgColor":"xngck-","mov-color":"_62LLF3","movColor":"_62LLF3","error-block":"-CkMiy","errorBlock":"-CkMiy","icons-block":"qIiVXE","iconsBlock":"qIiVXE"};
5541
+ 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"};
5522
5542
 
5523
5543
  const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
5524
5544
  const [isLoadingShow, setIsLoadingShow] = React.useState(true);
@@ -5637,7 +5657,7 @@ const getErrorPageConfig = () => ({
5637
5657
  },
5638
5658
  });
5639
5659
 
5640
- var css$1 = {"container":"vqUIGa"};
5660
+ var css$1 = {"container":"_8BprUX"};
5641
5661
 
5642
5662
  const ErrorPage = (props) => {
5643
5663
  const isMobileScreen = isMobile();
@@ -5649,7 +5669,7 @@ const ErrorPage = (props) => {
5649
5669
  props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
5650
5670
  };
5651
5671
 
5652
- var css = {"recovery-spinner":"_7ule5j","recoverySpinner":"_7ule5j","recovery-message":"_4XsEHQ","recoveryMessage":"_4XsEHQ","modal-blocker":"_5bLZJ6","modalBlocker":"_5bLZJ6","modalFadeIn":"_6qbebO"};
5672
+ var css = {"recovery-spinner":"bT7tpN","recoverySpinner":"bT7tpN","recovery-message":"SPVDyq","recoveryMessage":"SPVDyq","modal-blocker":"EBwFr3","modalBlocker":"EBwFr3","modalFadeIn":"h1vvG7"};
5653
5673
 
5654
5674
  function ErrorHandler(props) {
5655
5675
  const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();