@xelto.npm/xc2-lib 0.0.26 → 0.0.28

package/dist/cjs/index.js

@@ -1379,8 +1379,8 @@ function requireReactJsxRuntime_development () {
 	}
 } (jsxRuntime));
 
-function _extends$19() {
-  _extends$19 = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$1b() {
+  _extends$1b = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1391,7 +1391,7 @@ function _extends$19() {
     }
     return target;
   };
-  return _extends$19.apply(this, arguments);
+  return _extends$1b.apply(this, arguments);
 }
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -1407,7 +1407,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _extends$18 = {exports: {}};
+var _extends$1a = {exports: {}};
 
 (function (module) {
 	function _extends() {
@@ -1425,7 +1425,7 @@ var _extends$18 = {exports: {}};
 	  return _extends.apply(this, arguments);
 	}
 	module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (_extends$18));
+} (_extends$1a));
 
 function memoize$1(fn) {
   var cache = Object.create(null);
@@ -3825,7 +3825,7 @@ var createStyled$1 = function createStyled(tag, options) {
     });
 
     Styled.withComponent = function (nextTag, nextOptions) {
-      return createStyled(nextTag, _extends$19({}, options, nextOptions, {
+      return createStyled(nextTag, _extends$1b({}, options, nextOptions, {
         shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
       })).apply(void 0, styles);
     };
@@ -4860,7 +4860,7 @@ function isPlainObject(item) {
 function deepmerge(target, source, options = {
   clone: true
 }) {
-  const output = options.clone ? _extends$19({}, target) : target;
+  const output = options.clone ? _extends$1b({}, target) : target;
   if (isPlainObject(target) && isPlainObject(source)) {
     Object.keys(source).forEach(key => {
       // Avoid prototype pollution
@@ -4966,7 +4966,7 @@ function exactProp(propTypes) {
   if (process.env.NODE_ENV === 'production') {
     return propTypes;
   }
-  return _extends$19({}, propTypes, {
+  return _extends$1b({}, propTypes, {
     [specialProperty]: props => {
       const unsupportedProps = Object.keys(props).filter(prop => !propTypes.hasOwnProperty(prop));
       if (unsupportedProps.length > 0) {
@@ -5594,7 +5594,7 @@ process.env.NODE_ENV === 'production' ? validatorNoop : validator;
  * @returns {object} resolved props
  */
 function resolveProps(defaultProps, props) {
-  const output = _extends$19({}, props);
+  const output = _extends$1b({}, props);
   Object.keys(defaultProps).forEach(propName => {
     if (output[propName] === undefined) {
       output[propName] = defaultProps[propName];
@@ -6522,12 +6522,12 @@ function extendSxProp(props) {
       if (!isPlainObject(result)) {
         return systemProps;
       }
-      return _extends$19({}, systemProps, result);
+      return _extends$1b({}, systemProps, result);
     };
   } else {
-    finalSx = _extends$19({}, systemProps, inSx);
+    finalSx = _extends$1b({}, systemProps, inSx);
   }
-  return _extends$19({}, otherProps, {
+  return _extends$1b({}, otherProps, {
     sx: finalSx
   });
 }
@@ -6543,7 +6543,7 @@ const sortBreakpointsValues = values => {
   // Sort in ascending order
   breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);
   return breakpointsAsArray.reduce((acc, obj) => {
-    return _extends$19({}, acc, {
+    return _extends$1b({}, acc, {
       [obj.key]: obj.val
     });
   }, {});
@@ -6601,7 +6601,7 @@ function createBreakpoints(breakpoints) {
     }
     return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
   }
-  return _extends$19({
+  return _extends$1b({
     keys,
     values: sortedValues,
     up,
@@ -6663,11 +6663,11 @@ function createTheme$1(options = {}, ...args) {
     direction: 'ltr',
     components: {},
     // Inject component definitions.
-    palette: _extends$19({
+    palette: _extends$1b({
       mode: 'light'
     }, paletteInput),
     spacing,
-    shape: _extends$19({}, shape, shapeInput)
+    shape: _extends$1b({}, shape, shapeInput)
   }, other);
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
   return muiTheme;
@@ -6701,7 +6701,7 @@ function mergeOuterLocalTheme(outerTheme, localTheme) {
     }
     return mergedTheme;
   }
-  return _extends$19({}, outerTheme, localTheme);
+  return _extends$1b({}, outerTheme, localTheme);
 }
 
 /**
@@ -6778,7 +6778,7 @@ function createBox(options = {}) {
         component = 'div'
       } = _extendSxProp,
       other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$f);
-    return /*#__PURE__*/jsxRuntime.exports.jsx(BoxRoot, _extends$19({
+    return /*#__PURE__*/jsxRuntime.exports.jsx(BoxRoot, _extends$1b({
       as: component,
       ref: ref,
       className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
@@ -6908,7 +6908,7 @@ function createStyled(input = {}) {
   } = input;
   const systemSx = props => {
     const theme = isEmpty(props.theme) ? defaultTheme : props.theme;
-    return styleFunctionSx$1(_extends$19({}, props, {
+    return styleFunctionSx$1(_extends$1b({}, props, {
       theme
     }));
   };
@@ -6944,7 +6944,7 @@ function createStyled(input = {}) {
       // for string (html) tag, preserve the behavior in emotion & styled-components.
       shouldForwardPropOption = undefined;
     }
-    const defaultStyledResolver = styled$2(tag, _extends$19({
+    const defaultStyledResolver = styled$2(tag, _extends$1b({
       shouldForwardProp: shouldForwardPropOption,
       label
     }, options));
@@ -6958,7 +6958,7 @@ function createStyled(input = {}) {
               theme: themeInput
             } = _ref,
             other = _objectWithoutPropertiesLoose(_ref, _excluded2$1);
-          return stylesArg(_extends$19({
+          return stylesArg(_extends$1b({
             theme: isEmpty(themeInput) ? defaultTheme : themeInput
           }, other));
         } : stylesArg;
@@ -6971,7 +6971,7 @@ function createStyled(input = {}) {
           if (styleOverrides) {
             const resolvedStyleOverrides = {};
             Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {
-              resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_extends$19({}, props, {
+              resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_extends$1b({}, props, {
                 theme
               })) : slotStyle;
             });
@@ -7006,7 +7006,7 @@ function createStyled(input = {}) {
               theme: themeInput
             } = _ref2,
             other = _objectWithoutPropertiesLoose(_ref2, _excluded3);
-          return styleArg(_extends$19({
+          return styleArg(_extends$1b({
             theme: isEmpty(themeInput) ? defaultTheme : themeInput
           }, other));
         };
@@ -7655,7 +7655,7 @@ function useCurrentColorScheme(options) {
       } catch (e) {
         // Unsupported
       }
-      return _extends$19({}, currentState, {
+      return _extends$1b({}, currentState, {
         mode: newMode,
         systemMode: getSystemMode(newMode)
       });
@@ -7670,7 +7670,7 @@ function useCurrentColorScheme(options) {
         } catch (e) {
           // Unsupported
         }
-        return _extends$19({}, currentState, {
+        return _extends$1b({}, currentState, {
           lightColorScheme: defaultLightColorScheme,
           darkColorScheme: defaultDarkColorScheme
         });
@@ -7680,7 +7680,7 @@ function useCurrentColorScheme(options) {
         console.error(`\`${value}\` does not exist in \`theme.colorSchemes\`.`);
       } else {
         setState(currentState => {
-          const newState = _extends$19({}, currentState);
+          const newState = _extends$1b({}, currentState);
           processState(currentState, mode => {
             try {
               localStorage.setItem(`${colorSchemeStorageKey}-${mode}`, value);
@@ -7699,7 +7699,7 @@ function useCurrentColorScheme(options) {
       }
     } else {
       setState(currentState => {
-        const newState = _extends$19({}, currentState);
+        const newState = _extends$1b({}, currentState);
         const newLightColorScheme = value.light === null ? defaultLightColorScheme : value.light;
         const newDarkColorScheme = value.dark === null ? defaultDarkColorScheme : value.dark;
         if (newLightColorScheme) {
@@ -7732,7 +7732,7 @@ function useCurrentColorScheme(options) {
   }, [joinedColorSchemes, colorSchemeStorageKey, defaultLightColorScheme, defaultDarkColorScheme]);
   const handleMediaQuery = React__namespace.useCallback(e => {
     if (state.mode === 'system') {
-      setState(currentState => _extends$19({}, currentState, {
+      setState(currentState => _extends$1b({}, currentState, {
         systemMode: e != null && e.matches ? 'dark' : 'light'
       }));
     }
@@ -7781,7 +7781,7 @@ function useCurrentColorScheme(options) {
     }
     return undefined;
   }, [setColorScheme, setMode, modeStorageKey, colorSchemeStorageKey, joinedColorSchemes, defaultMode, storageWindow]);
-  return _extends$19({}, state, {
+  return _extends$1b({}, state, {
     colorScheme,
     setMode,
     setColorScheme
@@ -7901,7 +7901,7 @@ function createCssVarsProvider(options) {
     });
 
     // 3. Start composing the theme object
-    const theme = _extends$19({}, restThemeProp, {
+    const theme = _extends$1b({}, restThemeProp, {
       components,
       colorSchemes,
       cssVarPrefix,
@@ -7928,7 +7928,7 @@ function createCssVarsProvider(options) {
         Object.keys(scheme).forEach(schemeKey => {
           if (scheme[schemeKey] && typeof scheme[schemeKey] === 'object') {
             // shallow merge the 1st level structure of the theme.
-            theme[schemeKey] = _extends$19({}, theme[schemeKey], scheme[schemeKey]);
+            theme[schemeKey] = _extends$1b({}, theme[schemeKey], scheme[schemeKey]);
           } else {
             theme[schemeKey] = scheme[schemeKey];
           }
@@ -8100,7 +8100,7 @@ function createCssVarsProvider(options) {
   } : void 0;
   const defaultLightColorScheme = typeof designSystemColorScheme === 'string' ? designSystemColorScheme : designSystemColorScheme.light;
   const defaultDarkColorScheme = typeof designSystemColorScheme === 'string' ? designSystemColorScheme : designSystemColorScheme.dark;
-  const getInitColorSchemeScript$1 = params => getInitColorSchemeScript(_extends$19({
+  const getInitColorSchemeScript$1 = params => getInitColorSchemeScript(_extends$1b({
     attribute: defaultAttribute,
     colorSchemeStorageKey: defaultColorSchemeStorageKey,
     defaultMode: designSystemMode,
@@ -8180,7 +8180,7 @@ function createContainer(options = {}) {
   const ContainerRoot = createStyledComponent(({
     theme,
     ownerState
-  }) => _extends$19({
+  }) => _extends$1b({
     width: '100%',
     marginLeft: 'auto',
     boxSizing: 'border-box',
@@ -8210,7 +8210,7 @@ function createContainer(options = {}) {
   }, {}), ({
     theme,
     ownerState
-  }) => _extends$19({}, ownerState.maxWidth === 'xs' && {
+  }) => _extends$1b({}, ownerState.maxWidth === 'xs' && {
     // @ts-ignore module augmentation fails if custom breakpoints are used
     [theme.breakpoints.up('xs')]: {
       // @ts-ignore module augmentation fails if custom breakpoints are used
@@ -8235,7 +8235,7 @@ function createContainer(options = {}) {
         maxWidth = 'lg'
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded$b);
-    const ownerState = _extends$19({}, props, {
+    const ownerState = _extends$1b({}, props, {
       component,
       disableGutters,
       fixed,
@@ -8247,7 +8247,7 @@ function createContainer(options = {}) {
     return (
       /*#__PURE__*/
       // @ts-ignore theme is injected by the styled util
-      jsxRuntime.exports.jsx(ContainerRoot, _extends$19({
+      jsxRuntime.exports.jsx(ContainerRoot, _extends$1b({
         as: component
         // @ts-ignore module augmentation fails if custom breakpoints are used
         ,
@@ -8492,10 +8492,10 @@ const generateGridDirectionStyles = ({
 const generateGridStyles = ({
   ownerState
 }) => {
-  return _extends$19({
+  return _extends$1b({
     minWidth: 0,
     boxSizing: 'border-box'
-  }, ownerState.container ? _extends$19({
+  }, ownerState.container ? _extends$1b({
     display: 'flex',
     flexWrap: 'wrap'
   }, ownerState.wrap && ownerState.wrap !== 'wrap' && {
@@ -8504,14 +8504,14 @@ const generateGridStyles = ({
     margin: `calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2)`
   }, ownerState.disableEqualOverflow && {
     margin: `calc(var(--Grid-rowSpacing) * -1) 0px 0px calc(var(--Grid-columnSpacing) * -1)`
-  }, ownerState.nested ? _extends$19({
+  }, ownerState.nested ? _extends$1b({
     padding: `calc(var(--Grid-nested-rowSpacing) / 2) calc(var(--Grid-nested-columnSpacing) / 2)`
   }, (ownerState.disableEqualOverflow || ownerState.parentDisableEqualOverflow) && {
     padding: `calc(var(--Grid-nested-rowSpacing)) 0px 0px calc(var(--Grid-nested-columnSpacing))`
   }) : {
     '--Grid-nested-rowSpacing': 'var(--Grid-rowSpacing)',
     '--Grid-nested-columnSpacing': 'var(--Grid-columnSpacing)'
-  }) : _extends$19({
+  }) : _extends$1b({
     padding: `calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2)`
   }, ownerState.disableEqualOverflow && {
     padding: `calc(var(--Grid-rowSpacing)) 0px 0px calc(var(--Grid-columnSpacing))`
@@ -8638,7 +8638,7 @@ function createGrid(options = {}) {
     const spacing = (_inProps$spacing = inProps.spacing) != null ? _inProps$spacing : nested ? undefined : spacingProp;
     const rowSpacing = (_ref = (_inProps$rowSpacing = inProps.rowSpacing) != null ? _inProps$rowSpacing : inProps.spacing) != null ? _ref : nested ? undefined : rowSpacingProp;
     const columnSpacing = (_ref2 = (_inProps$columnSpacin = inProps.columnSpacing) != null ? _inProps$columnSpacin : inProps.spacing) != null ? _ref2 : nested ? undefined : columnSpacingProp;
-    const ownerState = _extends$19({}, props, {
+    const ownerState = _extends$1b({}, props, {
       nested,
       columns,
       container,
@@ -8655,7 +8655,7 @@ function createGrid(options = {}) {
     });
 
     const classes = useUtilityClasses(ownerState, theme);
-    let result = /*#__PURE__*/jsxRuntime.exports.jsx(GridRoot, _extends$19({
+    let result = /*#__PURE__*/jsxRuntime.exports.jsx(GridRoot, _extends$1b({
       ref: ref,
       as: component,
       ownerState: ownerState,
@@ -8915,7 +8915,7 @@ const style = ({
   ownerState,
   theme
 }) => {
-  let styles = _extends$19({
+  let styles = _extends$1b({
     display: 'flex',
     flexDirection: 'column'
   }, handleBreakpoints({
@@ -8997,7 +8997,7 @@ function createStack(options = {}) {
       spacing
     };
     const classes = useUtilityClasses();
-    return /*#__PURE__*/jsxRuntime.exports.jsx(StackRoot, _extends$19({
+    return /*#__PURE__*/jsxRuntime.exports.jsx(StackRoot, _extends$1b({
       as: component,
       ownerState: ownerState,
       ref: ref,
@@ -9061,7 +9061,7 @@ process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ =
 generateUtilityClasses('MuiStack', ['root']);
 
 function createMixins(breakpoints, mixins) {
-  return _extends$19({
+  return _extends$1b({
     toolbar: {
       minHeight: 56,
       [breakpoints.up('xs')]: {
@@ -9397,7 +9397,7 @@ function createPalette(palette) {
     lightShade = 300,
     darkShade = 700
   }) => {
-    color = _extends$19({}, color);
+    color = _extends$1b({}, color);
     if (!color.main && color[mainShade]) {
       color.main = color[mainShade];
     }
@@ -9437,9 +9437,9 @@ const theme2 = createTheme({ palette: {
       console.error(`MUI: The palette mode \`${mode}\` is not supported.`);
     }
   }
-  const paletteOutput = deepmerge(_extends$19({
+  const paletteOutput = deepmerge(_extends$1b({
     // A collection of common colors.
-    common: _extends$19({}, common),
+    common: _extends$1b({}, common),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode,
@@ -9535,7 +9535,7 @@ function createTypography(palette, typography) {
   }
   const coef = fontSize / 14;
   const pxToRem = pxToRem2 || (size => `${size / htmlFontSize * coef}rem`);
-  const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$19({
+  const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$1b({
     fontFamily,
     fontWeight,
     fontSize: pxToRem(size),
@@ -9559,7 +9559,7 @@ function createTypography(palette, typography) {
     caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
     overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
   };
-  return deepmerge(_extends$19({
+  return deepmerge(_extends$1b({
     htmlFontSize,
     pxToRem,
     fontFamily,
@@ -9626,8 +9626,8 @@ function getAutoHeightDuration(height) {
   return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);
 }
 function createTransitions(inputTransitions) {
-  const mergedEasing = _extends$19({}, easing, inputTransitions.easing);
-  const mergedDuration = _extends$19({}, duration, inputTransitions.duration);
+  const mergedEasing = _extends$1b({}, easing, inputTransitions.easing);
+  const mergedDuration = _extends$1b({}, duration, inputTransitions.duration);
   const create = (props = ['all'], options = {}) => {
     const {
         duration: durationOption = mergedDuration.standard,
@@ -9658,7 +9658,7 @@ function createTransitions(inputTransitions) {
     }
     return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');
   };
-  return _extends$19({
+  return _extends$1b({
     getAutoHeightDuration,
     create
   }, inputTransitions, {
@@ -9702,7 +9702,7 @@ Please use another name.` : formatMuiErrorMessage(18));
     shadows: shadows.slice(),
     typography: createTypography(palette, typographyInput),
     transitions: createTransitions(transitionsInput),
-    zIndex: _extends$19({}, zIndex)
+    zIndex: _extends$1b({}, zIndex)
   });
   muiTheme = deepmerge(muiTheme, other);
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
@@ -9806,7 +9806,7 @@ function extendTheme(options = {}, ...args) {
     } = options,
     input = _objectWithoutPropertiesLoose(options, _excluded$4);
   const getCssVar = createGetCssVar(cssVarPrefix);
-  const _createThemeWithoutVa = createTheme(_extends$19({}, input, colorSchemesInput.light && {
+  const _createThemeWithoutVa = createTheme(_extends$1b({}, input, colorSchemesInput.light && {
       palette: (_colorSchemesInput$li = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li.palette
     })),
     {
@@ -9816,17 +9816,17 @@ function extendTheme(options = {}, ...args) {
   const {
     palette: darkPalette
   } = createTheme({
-    palette: _extends$19({
+    palette: _extends$1b({
       mode: 'dark'
     }, (_colorSchemesInput$da = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da.palette)
   });
-  let theme = _extends$19({}, muiTheme, {
+  let theme = _extends$1b({}, muiTheme, {
     cssVarPrefix,
     getCssVar,
-    colorSchemes: _extends$19({}, colorSchemesInput, {
-      light: _extends$19({}, colorSchemesInput.light, {
+    colorSchemes: _extends$1b({}, colorSchemesInput, {
+      light: _extends$1b({}, colorSchemesInput.light, {
         palette: lightPalette,
-        opacity: _extends$19({
+        opacity: _extends$1b({
           inputPlaceholder: 0.42,
           inputUnderline: 0.42,
           switchTrackDisabled: 0.12,
@@ -9834,9 +9834,9 @@ function extendTheme(options = {}, ...args) {
         }, (_colorSchemesInput$li2 = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li2.opacity),
         overlays: ((_colorSchemesInput$li3 = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li3.overlays) || []
       }),
-      dark: _extends$19({}, colorSchemesInput.dark, {
+      dark: _extends$1b({}, colorSchemesInput.dark, {
         palette: darkPalette,
-        opacity: _extends$19({
+        opacity: _extends$1b({
           inputPlaceholder: 0.5,
           inputUnderline: 0.7,
           switchTrackDisabled: 0.2,
@@ -10044,7 +10044,7 @@ createCssVarsProvider({
     dark: 'dark'
   },
   resolveTheme: theme => {
-    const newTheme = _extends$19({}, theme, {
+    const newTheme = _extends$1b({}, theme, {
       typography: createTypography(theme.palette, theme.typography)
     });
     return newTheme;
@@ -10149,7 +10149,7 @@ const TypographyRoot = styled('span', {
 })(({
   theme,
   ownerState
-}) => _extends$19({
+}) => _extends$1b({
   margin: 0
 }, ownerState.variant && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {
   textAlign: ownerState.align
@@ -10193,7 +10193,7 @@ const Typography = /*#__PURE__*/React__namespace.forwardRef(function Typography(
     name: 'MuiTypography'
   });
   const color = transformDeprecatedColors(themeProps.color);
-  const props = extendSxProp(_extends$19({}, themeProps, {
+  const props = extendSxProp(_extends$1b({}, themeProps, {
     color
   }));
   const {
@@ -10207,7 +10207,7 @@ const Typography = /*#__PURE__*/React__namespace.forwardRef(function Typography(
       variantMapping = defaultVariantMapping
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded$3);
-  const ownerState = _extends$19({}, props, {
+  const ownerState = _extends$1b({}, props, {
     align,
     color,
     className,
@@ -10220,7 +10220,7 @@ const Typography = /*#__PURE__*/React__namespace.forwardRef(function Typography(
   });
   const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
   const classes = useUtilityClasses$2(ownerState);
-  return /*#__PURE__*/jsxRuntime.exports.jsx(TypographyRoot, _extends$19({
+  return /*#__PURE__*/jsxRuntime.exports.jsx(TypographyRoot, _extends$1b({
     as: Component,
     ref: ref,
     ownerState: ownerState,
@@ -11496,7 +11496,7 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
         _this$props.classNames;
         var props = _objectWithoutPropertiesLoose(_this$props, ["classNames"]);
 
-    return /*#__PURE__*/React.createElement(Transition, _extends$19({}, props, {
+    return /*#__PURE__*/React.createElement(Transition, _extends$1b({}, props, {
       onEnter: this.onEnter,
       onEntered: this.onEntered,
       onEntering: this.onEntering,
@@ -11512,7 +11512,7 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
 CSSTransition.defaultProps = {
   classNames: ''
 };
-CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$19({}, Transition.propTypes, {
+CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1b({}, Transition.propTypes, {
   /**
    * The animation classNames applied to the component as it appears, enters,
    * exits or has finished the transition. A single name can be provided, which
@@ -11874,7 +11874,7 @@ var TransitionGroup = /*#__PURE__*/function (_React$Component) {
 
     if (this.mounted) {
       this.setState(function (state) {
-        var children = _extends$19({}, state.children);
+        var children = _extends$1b({}, state.children);
 
         delete children[child.key];
         return {
@@ -12726,7 +12726,7 @@ const TouchRipple = /*#__PURE__*/React__namespace.forwardRef(function TouchRippl
     start,
     stop
   }), [pulsate, start, stop]);
-  return /*#__PURE__*/jsxRuntime.exports.jsx(TouchRippleRoot, _extends$19({
+  return /*#__PURE__*/jsxRuntime.exports.jsx(TouchRippleRoot, _extends$1b({
     className: clsx(touchRippleClasses.root, classes.root, className),
     ref: container
   }, other, {
@@ -13018,7 +13018,7 @@ const ButtonBase = /*#__PURE__*/React__namespace.forwardRef(function ButtonBase(
       }
     }, [enableTouchRipple]);
   }
-  const ownerState = _extends$19({}, props, {
+  const ownerState = _extends$1b({}, props, {
     centerRipple,
     component,
     disabled,
@@ -13029,7 +13029,7 @@ const ButtonBase = /*#__PURE__*/React__namespace.forwardRef(function ButtonBase(
     focusVisible
   });
   const classes = useUtilityClasses$1(ownerState);
-  return /*#__PURE__*/jsxRuntime.exports.jsxs(ButtonBaseRoot, _extends$19({
+  return /*#__PURE__*/jsxRuntime.exports.jsxs(ButtonBaseRoot, _extends$1b({
     as: ComponentProp,
     className: clsx(classes.root, className),
     ownerState: ownerState,
@@ -13053,7 +13053,7 @@ const ButtonBase = /*#__PURE__*/React__namespace.forwardRef(function ButtonBase(
     children: [children, enableTouchRipple ?
     /*#__PURE__*/
     /* TouchRipple is only needed client-side, x2 boost on the server. */
-    jsxRuntime.exports.jsx(TouchRipple, _extends$19({
+    jsxRuntime.exports.jsx(TouchRipple, _extends$1b({
       ref: handleRippleRef,
       center: centerRipple
     }, TouchRippleProps)) : null]
@@ -13248,9 +13248,9 @@ const useUtilityClasses = ownerState => {
     endIcon: ['endIcon', `iconSize${capitalize(size)}`]
   };
   const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
-  return _extends$19({}, classes, composedClasses);
+  return _extends$1b({}, classes, composedClasses);
 };
-const commonIconStyles = ownerState => _extends$19({}, ownerState.size === 'small' && {
+const commonIconStyles = ownerState => _extends$1b({}, ownerState.size === 'small' && {
   '& > *:nth-of-type(1)': {
     fontSize: 18
   }
@@ -13278,14 +13278,14 @@ const ButtonRoot = styled(ButtonBase, {
   ownerState
 }) => {
   var _theme$palette$getCon, _theme$palette;
-  return _extends$19({}, theme.typography.button, {
+  return _extends$1b({}, theme.typography.button, {
     minWidth: 64,
     padding: '6px 16px',
     borderRadius: (theme.vars || theme).shape.borderRadius,
     transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
       duration: theme.transitions.duration.short
     }),
-    '&:hover': _extends$19({
+    '&:hover': _extends$1b({
       textDecoration: 'none',
       backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
@@ -13320,13 +13320,13 @@ const ButtonRoot = styled(ButtonBase, {
         backgroundColor: (theme.vars || theme).palette[ownerState.color].main
       }
     }),
-    '&:active': _extends$19({}, ownerState.variant === 'contained' && {
+    '&:active': _extends$1b({}, ownerState.variant === 'contained' && {
       boxShadow: (theme.vars || theme).shadows[8]
     }),
-    [`&.${buttonClasses.focusVisible}`]: _extends$19({}, ownerState.variant === 'contained' && {
+    [`&.${buttonClasses.focusVisible}`]: _extends$1b({}, ownerState.variant === 'contained' && {
       boxShadow: (theme.vars || theme).shadows[6]
     }),
-    [`&.${buttonClasses.disabled}`]: _extends$19({
+    [`&.${buttonClasses.disabled}`]: _extends$1b({
       color: (theme.vars || theme).palette.action.disabled
     }, ownerState.variant === 'outlined' && {
       border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
@@ -13408,7 +13408,7 @@ const ButtonStartIcon = styled('span', {
   }
 })(({
   ownerState
-}) => _extends$19({
+}) => _extends$1b({
   display: 'inherit',
   marginRight: 8,
   marginLeft: -4
@@ -13426,7 +13426,7 @@ const ButtonEndIcon = styled('span', {
   }
 })(({
   ownerState
-}) => _extends$19({
+}) => _extends$1b({
   display: 'inherit',
   marginRight: -4,
   marginLeft: 8
@@ -13458,7 +13458,7 @@ const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(inProps,
       variant = 'text'
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends$19({}, props, {
+  const ownerState = _extends$1b({}, props, {
     color,
     component,
     disabled,
@@ -13480,7 +13480,7 @@ const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(inProps,
     ownerState: ownerState,
     children: endIconProp
   });
-  return /*#__PURE__*/jsxRuntime.exports.jsxs(ButtonRoot, _extends$19({
+  return /*#__PURE__*/jsxRuntime.exports.jsxs(ButtonRoot, _extends$1b({
     ownerState: ownerState,
     className: clsx(contextProps.className, classes.root, className),
     component: component,
@@ -13827,14 +13827,14 @@ var CustomButtonComponent = function (_a) {
     return (jsxRuntime.exports.jsx(CustomButton, __assign({ disabled: disabled, onClick: onClick, className: finalClassName, fluid: fluid, variant: "contained", disableRipple: true, ref: forwardedRef }, props, { children: text })));
 };
 
-var _g$W;
-function _extends$17() { _extends$17 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
+var _g$Y;
+function _extends$19() { _extends$19 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
 var SvgIluAvailabilityByItem = function SvgIluAvailabilityByItem(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$17({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$19({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _g$W || (_g$W = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$Y || (_g$Y = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "ilu_availability-by-item_1"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "ilu_availability-by-item_3"
@@ -14784,10 +14784,10 @@ var SvgIluAvailabilityByItem = function SvgIluAvailabilityByItem(props) {
   }))));
 };
 
-var _defs$p, _g$V, _g2$a, _path$F;
-function _extends$16() { _extends$16 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
+var _defs$p, _g$X, _g2$a, _path$F;
+function _extends$18() { _extends$18 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
 var SvgIluAddGoodsToPallet = function SvgIluAddGoodsToPallet(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$16({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$18({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -14798,7 +14798,7 @@ var SvgIluAddGoodsToPallet = function SvgIluAddGoodsToPallet(props) {
     d: "M169.513 101.274c0 .678-.008 1.352-.03 2.026a65.134 65.134 0 0 1-1.288 11.128 60.13 60.13 0 0 1-.619 2.771 57.118 57.118 0 0 1-.822 3.03q-.636 2.168-1.424 4.267l-.076.212a65.618 65.618 0 0 1-1.356 3.327s0 .013-.008.025c-.093.208-.182.411-.275.614a68.725 68.725 0 0 1-4.081 7.713 69.9 69.9 0 0 1-5.068 7.2l-.051.064c-.216.263-.432.53-.648.792-.034.042-.068.081-.1.123-.161.195-.326.39-.492.585l-.288.339c-.191.225-.386.453-.585.678q-.858.979-1.754 1.92c-.67.712-1.36 1.411-2.06 2.093q-1.672 1.64-3.445 3.161a76.265 76.265 0 0 1-12.688 8.831 78.677 78.677 0 0 1-14.519 6.229 80.445 80.445 0 0 1-16.57 3.348q-3.839.369-7.785.369a78.566 78.566 0 0 1-55.014-21.93v-.008q-1.055-1.023-2.059-2.093a71.597 71.597 0 0 1-3.119-3.522c-.025-.034-.055-.064-.081-.1l-.021-.025a71.089 71.089 0 0 1-5.763-8.056 66.883 66.883 0 0 1-9.95-33.088 54.61 54.61 0 0 1-.034-2.026c0-.564.008-1.123.021-1.682a65.691 65.691 0 0 1 1.051-10.234 68.5 68.5 0 0 1 16.571-33.476q1.716-1.907 3.568-3.7a78.588 78.588 0 0 1 54.824-21.756 78.58 78.58 0 0 1 54.819 21.752q1.85 1.793 3.568 3.7a70.31 70.31 0 0 1 11.056 16.5 67.1 67.1 0 0 1 2.649 6.314c.081.225.161.449.237.674.195.547.378 1.1.555 1.653a66.428 66.428 0 0 1 3.119 18.15c0 .14.008.28.013.424v.25a38 38 0 0 1 .022 1.434Z",
     transform: "translate(-17.433 -30.423)",
     fill: "none"
-  })))), _g$V || (_g$V = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$X || (_g$X = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 44661"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 84837",
@@ -15028,10 +15028,10 @@ var SvgIluAddGoodsToPallet = function SvgIluAddGoodsToPallet(props) {
   })));
 };
 
-var _defs$o, _g$U, _path$E;
-function _extends$15() { _extends$15 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
+var _defs$o, _g$W, _path$E;
+function _extends$17() { _extends$17 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
 var SvgIluAvailabilityByIndex = function SvgIluAvailabilityByIndex(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$15({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$17({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -15042,7 +15042,7 @@ var SvgIluAvailabilityByIndex = function SvgIluAvailabilityByIndex(props) {
     d: "M169.5 101.268c0 .678-.008 1.352-.03 2.025a65.128 65.128 0 0 1-1.288 11.127 60.13 60.13 0 0 1-.619 2.771 57.118 57.118 0 0 1-.822 3.03q-.636 2.167-1.424 4.267l-.076.212a64.306 64.306 0 0 1-1.356 3.326s0 .013-.008.025c-.093.208-.182.411-.275.614a68.722 68.722 0 0 1-4.081 7.712 69.9 69.9 0 0 1-5.068 7.2l-.051.064c-.216.263-.432.53-.648.792-.034.042-.068.081-.1.123-.161.195-.326.39-.492.585l-.288.339c-.191.225-.386.453-.585.678q-.858.979-1.754 1.92c-.67.712-1.36 1.411-2.059 2.093q-1.672 1.64-3.445 3.161a76.262 76.262 0 0 1-12.687 8.831 78.671 78.671 0 0 1-14.517 6.229 80.439 80.439 0 0 1-16.568 3.348q-3.839.369-7.784.369a78.559 78.559 0 0 1-55.01-21.929v-.008q-1.055-1.023-2.059-2.093a72.038 72.038 0 0 1-3.119-3.521c-.025-.034-.055-.064-.081-.1l-.021-.025a71.084 71.084 0 0 1-5.763-8.055 66.878 66.878 0 0 1-9.949-33.086 54.556 54.556 0 0 1-.034-2.025c0-.564.008-1.123.021-1.682a65.687 65.687 0 0 1 1.051-10.233 68.493 68.493 0 0 1 16.571-33.475q1.716-1.907 3.568-3.7a78.582 78.582 0 0 1 54.819-21.754 78.573 78.573 0 0 1 54.815 21.751q1.85 1.792 3.568 3.7a70.3 70.3 0 0 1 11.055 16.5 67.085 67.085 0 0 1 2.648 6.314c.081.225.161.449.237.674.195.547.378 1.1.555 1.653a66.423 66.423 0 0 1 3.119 18.149c0 .14.008.28.013.424v.25c.021.472.021.951.021 1.43Z",
     transform: "translate(-17.433 -30.423)",
     fill: "none"
-  })))), _g$U || (_g$U = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$W || (_g$W = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 46266",
     clipPath: "url(#ilu_availability-by-index_svg__a)",
     transform: "translate(7.637 13.141)"
@@ -15814,14 +15814,14 @@ var SvgIluAvailabilityByIndex = function SvgIluAvailabilityByIndex(props) {
   })));
 };
 
-var _g$T, _g2$9, _g3$4, _g4$3, _g5$2, _g6$2, _g7$2, _g8$2, _g9, _g10, _g11, _g12, _g13, _g14, _g15, _g16, _g17, _g18, _g19, _g20, _g21, _g22, _g23, _g24, _g25, _g26, _g27, _g28, _g29, _g30, _g31, _g32, _g33, _g34, _g35, _g36, _g37, _g38, _g39, _g40, _g41, _g42, _g43, _g44, _g45, _g46, _g47, _g48, _g49, _g50, _g51, _g52, _g53, _g54, _g55, _g56, _g57, _g58, _g59, _g60, _path$D;
-function _extends$14() { _extends$14 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$14.apply(this, arguments); }
+var _g$V, _g2$9, _g3$4, _g4$3, _g5$2, _g6$2, _g7$2, _g8$2, _g9, _g10, _g11, _g12, _g13, _g14, _g15, _g16, _g17, _g18, _g19, _g20, _g21, _g22, _g23, _g24, _g25, _g26, _g27, _g28, _g29, _g30, _g31, _g32, _g33, _g34, _g35, _g36, _g37, _g38, _g39, _g40, _g41, _g42, _g43, _g44, _g45, _g46, _g47, _g48, _g49, _g50, _g51, _g52, _g53, _g54, _g55, _g56, _g57, _g58, _g59, _g60, _path$D;
+function _extends$16() { _extends$16 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
 var SvgIluAvailabilityByLocation = function SvgIluAvailabilityByLocation(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$14({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$16({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _g$T || (_g$T = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$V || (_g$V = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 45606"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 85086",
@@ -16629,10 +16629,10 @@ var SvgIluAvailabilityByLocation = function SvgIluAvailabilityByLocation(props)
   })));
 };
 
-var _defs$n, _g$S, _path$C;
-function _extends$13() { _extends$13 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$13.apply(this, arguments); }
+var _defs$n, _g$U, _path$C;
+function _extends$15() { _extends$15 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
 var SvgIluBlockedPallet = function SvgIluBlockedPallet(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$13({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$15({
     xmlns: "http://www.w3.org/2000/svg",
     width: 138,
     height: 138
@@ -16667,7 +16667,7 @@ var SvgIluBlockedPallet = function SvgIluBlockedPallet(props) {
     "data-name": "Rectangle 22231",
     fill: "none",
     d: "M0 0h24.344v22.984H0z"
-  })))), _g$S || (_g$S = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$U || (_g$U = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#ilu_blocked-pallet_svg__a)",
     transform: "translate(.047 .047)"
   }, /*#__PURE__*/React__namespace.createElement("g", {
@@ -16994,10 +16994,10 @@ var SvgIluBlockedPallet = function SvgIluBlockedPallet(props) {
   })));
 };
 
-var _defs$m, _g$R, _path$B;
-function _extends$12() { _extends$12 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }
+var _defs$m, _g$T, _path$B;
+function _extends$14() { _extends$14 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$14.apply(this, arguments); }
 var SvgIluFinishedProduct = function SvgIluFinishedProduct(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$12({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$14({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -17008,7 +17008,7 @@ var SvgIluFinishedProduct = function SvgIluFinishedProduct(props) {
     d: "M46.355 52.191q-1.855 1.8-3.578 3.714a68.7 68.7 0 0 0-16.631 33.58 65.938 65.938 0 0 0-1.054 10.264 72.703 72.703 0 0 0-.022 1.687c0 .68.009 1.355.034 2.031a67.08 67.08 0 0 0 9.979 33.185 71.37 71.37 0 0 0 5.78 8.079l.022.025c.025.034.055.064.081.1 1 1.207 2.044 2.389 3.128 3.532q1.007 1.071 2.066 2.1v.008a78.791 78.791 0 0 0 55.173 21.994q3.959 0 7.807-.37a80.631 80.631 0 0 0 16.618-3.357 78.925 78.925 0 0 0 14.56-6.247 76.519 76.519 0 0 0 12.725-8.857q1.779-1.53 3.455-3.171c.7-.684 1.394-1.386 2.065-2.1q.9-.944 1.759-1.925c.2-.225.4-.455.587-.68l.289-.34c.166-.2.332-.391.493-.587.034-.042.068-.081.1-.123.217-.264.433-.532.65-.8l.051-.063a70.089 70.089 0 0 0 5.083-7.221 68.786 68.786 0 0 0 4.093-7.735c.094-.2.183-.408.276-.616 0-.013 0-.021.008-.026q.727-1.645 1.36-3.336l.077-.212q.791-2.111 1.428-4.28c.3-1 .578-2.019.825-3.039a60.77 60.77 0 0 0 .62-2.779 65.322 65.322 0 0 0 1.292-11.161c.021-.676.03-1.351.03-2.031 0-.481 0-.961-.017-1.437v-.25c0-.145-.008-.285-.012-.425a66.642 66.642 0 0 0-3.128-18.2 56.598 56.598 0 0 0-.557-1.658 45.378 45.378 0 0 0-.238-.676 67.181 67.181 0 0 0-2.656-6.333A70.535 70.535 0 0 0 159.89 55.91q-1.721-1.91-3.579-3.71a78.806 78.806 0 0 0-54.978-21.82 78.813 78.813 0 0 0-54.978 21.811",
     transform: "translate(-25.071 -30.38)",
     fill: "none"
-  })))), _g$R || (_g$R = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$T || (_g$T = /*#__PURE__*/React__namespace.createElement("g", {
     transform: "translate(6.21 13.01)",
     clipPath: "url(#ilu_finished-product_svg__a)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -17246,10 +17246,10 @@ var SvgIluFinishedProduct = function SvgIluFinishedProduct(props) {
   })));
 };
 
-var _defs$l, _g$Q;
-function _extends$11() { _extends$11 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
+var _defs$l, _g$S;
+function _extends$13() { _extends$13 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$13.apply(this, arguments); }
 var SvgIluFromPalletToRack = function SvgIluFromPalletToRack(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$11({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$13({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -17260,7 +17260,7 @@ var SvgIluFromPalletToRack = function SvgIluFromPalletToRack(props) {
     d: "M170.63 101.939c0 .683-.009 1.362-.03 2.041a65.613 65.613 0 0 1-1.3 11.21c-.188.939-.393 1.87-.624 2.792a57.688 57.688 0 0 1-.828 3.052q-.64 2.184-1.434 4.3l-.077.213a65.274 65.274 0 0 1-1.366 3.351s0 .013-.009.026c-.094.209-.184.414-.277.619a69.226 69.226 0 0 1-4.111 7.769 70.417 70.417 0 0 1-5.106 7.253l-.051.064c-.218.265-.435.534-.653.8-.034.043-.068.081-.1.124-.162.2-.329.393-.5.589l-.29.342c-.192.226-.388.457-.589.683q-.864.986-1.767 1.934a67.648 67.648 0 0 1-2.075 2.109q-1.684 1.652-3.471 3.185a76.827 76.827 0 0 1-12.781 8.9 79.252 79.252 0 0 1-14.625 6.275 81.035 81.035 0 0 1-16.691 3.372q-3.868.371-7.842.371a79.143 79.143 0 0 1-55.418-22.091v-.009q-1.063-1.031-2.074-2.109a72.635 72.635 0 0 1-3.142-3.547c-.026-.034-.055-.064-.081-.1l-.021-.026a71.614 71.614 0 0 1-5.806-8.115 67.374 67.374 0 0 1-10.024-33.336 53.263 53.263 0 0 1-.034-2.041c0-.568.009-1.131.021-1.695a66.174 66.174 0 0 1 1.059-10.309 69 69 0 0 1 16.7-33.724q1.729-1.921 3.594-3.731a79.165 79.165 0 0 1 55.226-21.912 79.156 79.156 0 0 1 55.222 21.912q1.863 1.806 3.594 3.731a70.825 70.825 0 0 1 11.138 16.619 67.593 67.593 0 0 1 2.668 6.361c.081.226.162.452.239.679.2.551.38 1.11.559 1.665a66.916 66.916 0 0 1 3.147 18.282c0 .141.009.282.013.427v.252c.012.478.017.961.017 1.443Z",
     transform: "translate(-17.433 -30.568)",
     fill: "none"
-  })))), _g$Q || (_g$Q = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$S || (_g$S = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "ilu_from-pallet-to-rack"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "ilu_from-pallet-to-rack"
@@ -17755,10 +17755,10 @@ var SvgIluFromPalletToRack = function SvgIluFromPalletToRack(props) {
   }))));
 };
 
-var _defs$k, _g$P, _path$A;
-function _extends$10() { _extends$10 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
+var _defs$k, _g$R, _path$A;
+function _extends$12() { _extends$12 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }
 var SvgIluInternalLogistic = function SvgIluInternalLogistic(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$10({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$12({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -17769,7 +17769,7 @@ var SvgIluInternalLogistic = function SvgIluInternalLogistic(props) {
     d: "M170.088 101.542a65.4 65.4 0 0 1-.03 2.033 65.38 65.38 0 0 1-1.293 11.17 61.958 61.958 0 0 1-.621 2.782 57.273 57.273 0 0 1-.825 3.041q-.638 2.176-1.429 4.284l-.077.213a64.806 64.806 0 0 1-1.361 3.339s0 .013-.008.026c-.094.208-.183.413-.277.617a68.984 68.984 0 0 1-4.1 7.742 70.165 70.165 0 0 1-5.088 7.227l-.051.064c-.217.264-.434.532-.651.8-.034.043-.068.081-.1.123-.162.2-.328.391-.493.587l-.289.34c-.191.225-.387.455-.587.681q-.861.983-1.761 1.927a66.043 66.043 0 0 1-2.067 2.1q-1.678 1.646-3.458 3.173a76.555 76.555 0 0 1-12.736 8.865 78.975 78.975 0 0 1-14.573 6.253 80.75 80.75 0 0 1-16.632 3.36q-3.854.37-7.814.37a78.863 78.863 0 0 1-55.227-22.016v-.008q-1.059-1.027-2.067-2.1A72.137 72.137 0 0 1 33.342 145c-.026-.034-.055-.064-.081-.1l-.021-.026a71.358 71.358 0 0 1-5.785-8.086 67.136 67.136 0 0 1-9.988-33.213 52.88 52.88 0 0 1-.034-2.033c0-.566.009-1.127.021-1.689A65.94 65.94 0 0 1 18.51 89.58a68.757 68.757 0 0 1 16.64-33.6q1.723-1.914 3.582-3.718a78.885 78.885 0 0 1 55.027-21.83 78.877 78.877 0 0 1 55.027 21.835q1.857 1.8 3.582 3.718a70.575 70.575 0 0 1 11.1 16.56 67.35 67.35 0 0 1 2.659 6.338c.081.225.162.451.238.676.2.549.379 1.106.557 1.659a66.68 66.68 0 0 1 3.131 18.219c0 .14.009.281.013.425v.251c.018.467.022.948.022 1.429Z",
     transform: "translate(-17.433 -30.423)",
     fill: "none"
-  })))), _g$P || (_g$P = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$R || (_g$R = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 46399"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 46398",
@@ -18207,10 +18207,10 @@ var SvgIluInternalLogistic = function SvgIluInternalLogistic(props) {
   })));
 };
 
-var _defs$j, _g$O, _path$z;
-function _extends$$() { _extends$$ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }
+var _defs$j, _g$Q, _path$z;
+function _extends$11() { _extends$11 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
 var SvgIluInventory = function SvgIluInventory(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$$({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$11({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -18221,7 +18221,7 @@ var SvgIluInventory = function SvgIluInventory(props) {
     d: "M168.954 101.369c0 .679-.008 1.354-.03 2.028a65.263 65.263 0 0 1-1.29 11.143c-.187.934-.39 1.859-.62 2.775a57.268 57.268 0 0 1-.823 3.034q-.637 2.171-1.426 4.273l-.076.212a64.5 64.5 0 0 1-1.358 3.331s0 .013-.008.025c-.093.208-.182.412-.276.615a68.819 68.819 0 0 1-4.086 7.723 70 70 0 0 1-5.075 7.21l-.051.064-.649.794c-.034.042-.068.081-.1.123-.161.2-.327.39-.492.586l-.289.339c-.191.225-.386.454-.586.679q-.859.98-1.757 1.922a72.878 72.878 0 0 1-2.062 2.1q-1.674 1.642-3.45 3.166a76.371 76.371 0 0 1-12.7 8.843 78.784 78.784 0 0 1-14.538 6.238 80.552 80.552 0 0 1-16.592 3.352q-3.845.369-7.8.369a78.671 78.671 0 0 1-55.088-21.96v-.008q-1.057-1.025-2.062-2.1a71.77 71.77 0 0 1-3.123-3.526c-.025-.034-.055-.064-.081-.1l-.021-.025a71.189 71.189 0 0 1-5.771-8.067A66.973 66.973 0 0 1 16.7 103.4a54.718 54.718 0 0 1-.034-2.028c0-.564.008-1.125.021-1.685a65.831 65.831 0 0 1 1.052-10.248 68.591 68.591 0 0 1 16.6-33.523Q36.062 54 37.917 52.2a78.693 78.693 0 0 1 54.897-21.777A78.686 78.686 0 0 1 147.707 52.2q1.852 1.795 3.573 3.709a70.405 70.405 0 0 1 11.071 16.52A67.184 67.184 0 0 1 165 78.756c.081.225.161.45.238.675.2.547.378 1.1.556 1.655a66.518 66.518 0 0 1 3.126 18.174c0 .14.008.28.013.424v.25c.017.476.021.955.021 1.435Z",
     transform: "translate(-16.67 -30.423)",
     fill: "none"
-  })))), _g$O || (_g$O = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$Q || (_g$Q = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 45104"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 45103"
@@ -19115,10 +19115,10 @@ var SvgIluInventory = function SvgIluInventory(props) {
   })));
 };
 
-var _defs$i, _g$N, _g2$8, _g3$3, _path$y;
-function _extends$_() { _extends$_ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }
+var _defs$i, _g$P, _g2$8, _g3$3, _path$y;
+function _extends$10() { _extends$10 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
 var SvgIluInventoryTransfer = function SvgIluInventoryTransfer(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$_({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$10({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -19129,7 +19129,7 @@ var SvgIluInventoryTransfer = function SvgIluInventoryTransfer(props) {
     d: "M170.409 101.249c0 .678-.008 1.351-.03 2.025a65.154 65.154 0 0 1-1.288 11.124c-.186.932-.39 1.855-.618 2.771a57.083 57.083 0 0 1-.822 3.029q-.635 2.167-1.423 4.266l-.076.212a64.804 64.804 0 0 1-1.356 3.325s0 .013-.008.025c-.093.208-.182.411-.275.614a68.7 68.7 0 0 1-4.079 7.71 69.885 69.885 0 0 1-5.067 7.2l-.051.064c-.216.263-.432.53-.648.792-.034.042-.068.08-.1.123-.161.195-.326.39-.491.585l-.288.339c-.191.225-.385.453-.585.678q-.858.979-1.754 1.919a67.736 67.736 0 0 1-2.059 2.093q-1.671 1.639-3.444 3.16a76.241 76.241 0 0 1-12.683 8.828 78.651 78.651 0 0 1-14.513 6.227 80.418 80.418 0 0 1-16.571 3.342q-3.838.369-7.782.369A78.538 78.538 0 0 1 39.4 150.148v-.008q-1.055-1.023-2.059-2.093a72.525 72.525 0 0 1-3.118-3.52c-.025-.034-.055-.064-.08-.1l-.021-.025a71.064 71.064 0 0 1-5.761-8.053 66.859 66.859 0 0 1-9.947-33.077 54.556 54.556 0 0 1-.034-2.025c0-.563.008-1.123.021-1.682a65.72 65.72 0 0 1 1.051-10.231A68.475 68.475 0 0 1 36.027 55.87q1.716-1.906 3.567-3.7a78.56 78.56 0 0 1 54.8-21.74 78.553 78.553 0 0 1 54.8 21.745q1.849 1.792 3.567 3.7a70.285 70.285 0 0 1 11.052 16.492 67.06 67.06 0 0 1 2.648 6.312c.08.225.161.449.237.674.195.546.377 1.1.555 1.652a66.408 66.408 0 0 1 3.118 18.144c0 .14.008.28.013.424v.25c.016.468.025.947.025 1.426Z",
     transform: "translate(-18.383 -30.423)",
     fill: "none"
-  })))), _g$N || (_g$N = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$P || (_g$P = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 45904"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 85125",
@@ -19322,10 +19322,10 @@ var SvgIluInventoryTransfer = function SvgIluInventoryTransfer(props) {
   })));
 };
 
-var _defs$h, _g$M, _path$x;
-function _extends$Z() { _extends$Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
+var _defs$h, _g$O, _path$x;
+function _extends$$() { _extends$$ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }
 var SvgIluLabelingOfPallets = function SvgIluLabelingOfPallets(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Z({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$$({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -19336,7 +19336,7 @@ var SvgIluLabelingOfPallets = function SvgIluLabelingOfPallets(props) {
     d: "M169.235 101.144c0 .677-.008 1.349-.03 2.022a65.018 65.018 0 0 1-1.285 11.108c-.187.931-.39 1.853-.618 2.766a55.96 55.96 0 0 1-.821 3.024q-.635 2.164-1.421 4.26l-.076.212a64.477 64.477 0 0 1-1.354 3.321s0 .013-.008.025c-.093.207-.182.41-.275.613a68.6 68.6 0 0 1-4.073 7.7 69.779 69.779 0 0 1-5.059 7.187l-.051.063c-.216.262-.431.529-.647.791-.034.042-.068.08-.1.123-.161.195-.326.389-.491.584l-.288.338a39.1 39.1 0 0 1-.584.677q-.857.977-1.751 1.916a67.54 67.54 0 0 1-2.056 2.09q-1.669 1.637-3.439 3.156a76.127 76.127 0 0 1-12.665 8.815 78.536 78.536 0 0 1-14.492 6.218 80.3 80.3 0 0 1-16.539 3.342q-3.832.368-7.771.368a78.422 78.422 0 0 1-54.914-21.89v-.008q-1.053-1.022-2.055-2.09a72.328 72.328 0 0 1-3.114-3.515c-.025-.034-.055-.063-.08-.1l-.021-.025a70.962 70.962 0 0 1-5.753-8.041 66.761 66.761 0 0 1-9.932-33.028 54.395 54.395 0 0 1-.034-2.022c0-.563.008-1.121.021-1.679A65.571 65.571 0 0 1 18.5 89.25a68.373 68.373 0 0 1 16.551-33.417q1.713-1.9 3.562-3.7a78.444 78.444 0 0 1 54.723-21.71 78.436 78.436 0 0 1 54.719 21.713q1.846 1.789 3.562 3.7A70.182 70.182 0 0 1 162.653 72.3a66.98 66.98 0 0 1 2.644 6.3c.08.224.161.448.237.673.195.546.377 1.1.554 1.65a66.307 66.307 0 0 1 3.112 18.119c0 .14.008.279.013.423v.25c.018.473.022.951.022 1.429Z",
     transform: "translate(-17.433 -30.423)",
     fill: "none"
-  })))), _g$M || (_g$M = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$O || (_g$O = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 45194"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 45139"
@@ -19657,10 +19657,10 @@ var SvgIluLabelingOfPallets = function SvgIluLabelingOfPallets(props) {
   })));
 };
 
-var _defs$g, _g$L, _path$w;
-function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
+var _defs$g, _g$N, _path$w;
+function _extends$_() { _extends$_ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }
 var SvgIluLoadingCar = function SvgIluLoadingCar(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Y({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$_({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -19671,7 +19671,7 @@ var SvgIluLoadingCar = function SvgIluLoadingCar(props) {
     d: "M170.9 101.479c0 .68-.008 1.356-.03 2.031a65.366 65.366 0 0 1-1.292 11.16 60.473 60.473 0 0 1-.62 2.779 57.463 57.463 0 0 1-.825 3.039q-.637 2.174-1.428 4.28l-.076.213a65.6 65.6 0 0 1-1.36 3.336s0 .013-.008.025c-.094.208-.183.412-.276.616a68.924 68.924 0 0 1-4.093 7.735 70.109 70.109 0 0 1-5.083 7.221l-.051.064-.65.795c-.034.042-.068.081-.1.123-.161.2-.327.391-.493.587l-.289.34c-.191.225-.387.455-.586.68q-.861.982-1.759 1.925a68.175 68.175 0 0 1-2.066 2.1q-1.677 1.645-3.455 3.171a76.489 76.489 0 0 1-12.724 8.857 78.906 78.906 0 0 1-14.56 6.247 80.677 80.677 0 0 1-16.617 3.357q-3.85.37-7.807.37a78.793 78.793 0 0 1-55.173-21.994v-.008q-1.058-1.026-2.065-2.1a72.007 72.007 0 0 1-3.128-3.532c-.026-.034-.055-.064-.081-.1l-.021-.025a71.3 71.3 0 0 1-5.78-8.079 67.076 67.076 0 0 1-9.979-33.184 54.917 54.917 0 0 1-.034-2.031c0-.565.009-1.126.021-1.687a65.933 65.933 0 0 1 1.054-10.264 68.7 68.7 0 0 1 16.618-33.573q1.721-1.913 3.578-3.714a78.815 78.815 0 0 1 54.983-21.816 78.807 78.807 0 0 1 54.978 21.815q1.855 1.8 3.578 3.714A70.513 70.513 0 0 1 164.289 72.5a67.278 67.278 0 0 1 2.656 6.332c.081.225.162.451.238.676.2.548.378 1.1.557 1.657a66.622 66.622 0 0 1 3.128 18.2c0 .14.008.28.013.425v.251c.019.477.019.959.019 1.438Z",
     transform: "translate(-18.383 -30.423)",
     fill: "none"
-  })))), _g$L || (_g$L = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$N || (_g$N = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 46461"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 46460",
@@ -20038,14 +20038,14 @@ var SvgIluLoadingCar = function SvgIluLoadingCar(props) {
   })));
 };
 
-var _g$K, _path$v;
-function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
+var _g$M, _path$v;
+function _extends$Z() { _extends$Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
 var SvgIluManualTransfer = function SvgIluManualTransfer(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$X({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _g$K || (_g$K = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$M || (_g$M = /*#__PURE__*/React__namespace.createElement("g", {
     transform: "translate(9.215 12.933)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 84771",
@@ -20695,10 +20695,10 @@ var SvgIluManualTransfer = function SvgIluManualTransfer(props) {
   })));
 };
 
-var _defs$f, _g$J, _g2$7, _path$u;
-function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
+var _defs$f, _g$L, _g2$7, _path$u;
+function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
 var SvgIluMoveGoodsFromPalletToAnother = function SvgIluMoveGoodsFromPalletToAnother(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$W({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -20709,7 +20709,7 @@ var SvgIluMoveGoodsFromPalletToAnother = function SvgIluMoveGoodsFromPalletToAno
     d: "M169.363 101.2c0 .677-.008 1.351-.03 2.024a65.069 65.069 0 0 1-1.287 11.117 60.34 60.34 0 0 1-.619 2.769 57.976 57.976 0 0 1-.821 3.027q-.635 2.165-1.422 4.263l-.076.212a64.193 64.193 0 0 1-1.355 3.323s0 .013-.008.025c-.093.207-.182.411-.275.614a68.655 68.655 0 0 1-4.077 7.705 69.837 69.837 0 0 1-5.063 7.193l-.051.064c-.216.262-.432.529-.648.792-.034.042-.068.08-.1.123-.161.195-.326.389-.491.584l-.288.339a39.1 39.1 0 0 1-.584.677q-.857.978-1.753 1.918a67.638 67.638 0 0 1-2.058 2.091q-1.67 1.638-3.442 3.158a76.194 76.194 0 0 1-12.675 8.823 78.6 78.6 0 0 1-14.5 6.223 80.367 80.367 0 0 1-16.553 3.345q-3.836.368-7.777.368a78.489 78.489 0 0 1-54.96-21.909v-.008q-1.054-1.022-2.057-2.091a71.908 71.908 0 0 1-3.116-3.518c-.025-.034-.055-.064-.08-.1l-.021-.025a71.02 71.02 0 0 1-5.758-8.048 66.817 66.817 0 0 1-9.94-33.056 54.466 54.466 0 0 1-.034-2.024c0-.563.008-1.122.021-1.681A65.627 65.627 0 0 1 18.5 89.3a68.431 68.431 0 0 1 16.566-33.446q1.715-1.905 3.565-3.7A78.511 78.511 0 0 1 93.4 30.423a78.5 78.5 0 0 1 54.766 21.731q1.848 1.791 3.565 3.7a70.241 70.241 0 0 1 11.045 16.481 67.03 67.03 0 0 1 2.646 6.308c.08.224.161.449.237.673.195.546.377 1.1.555 1.651A66.365 66.365 0 0 1 169.33 99.1c0 .14.008.279.013.423v.25c.016.474.02.953.02 1.427Z",
     transform: "translate(-17.433 -30.423)",
     fill: "none"
-  })))), _g$J || (_g$J = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$L || (_g$L = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 44723"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 84869",
@@ -21052,10 +21052,10 @@ var SvgIluMoveGoodsFromPalletToAnother = function SvgIluMoveGoodsFromPalletToAno
   })));
 };
 
-var _defs$e, _g$I, _g2$6, _path$t;
-function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
+var _defs$e, _g$K, _g2$6, _path$t;
+function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
 var SvgIluPrintingLabel = function SvgIluPrintingLabel(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$V({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$X({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -21066,7 +21066,7 @@ var SvgIluPrintingLabel = function SvgIluPrintingLabel(props) {
     d: "M169.953 100.871c0 .68-.009 1.356-.03 2.032a65.322 65.322 0 0 1-1.292 11.16 59.512 59.512 0 0 1-.621 2.78 57.454 57.454 0 0 1-.824 3.039q-.638 2.174-1.428 4.28l-.077.213a64.693 64.693 0 0 1-1.36 3.336s0 .013-.009.025c-.094.208-.183.412-.276.616a68.922 68.922 0 0 1-4.093 7.735 70.1 70.1 0 0 1-5.083 7.221l-.051.064-.65.795c-.034.042-.068.081-.1.123-.161.2-.327.391-.493.586l-.289.34c-.191.225-.387.455-.586.68q-.861.982-1.76 1.925a69.307 69.307 0 0 1-2.065 2.1q-1.677 1.645-3.455 3.17a76.486 76.486 0 0 1-12.725 8.857 78.9 78.9 0 0 1-14.56 6.247 80.677 80.677 0 0 1-16.618 3.357q-3.851.37-7.807.37a78.793 78.793 0 0 1-55.173-21.994v-.008q-1.058-1.026-2.065-2.1a72.007 72.007 0 0 1-3.128-3.532c-.026-.034-.055-.064-.081-.1l-.021-.025a71.3 71.3 0 0 1-5.78-8.079 67.076 67.076 0 0 1-9.986-33.184 52.827 52.827 0 0 1-.034-2.032c0-.565.008-1.126.021-1.687a65.882 65.882 0 0 1 1.055-10.261 68.7 68.7 0 0 1 16.625-33.575q1.721-1.913 3.578-3.715a78.815 78.815 0 0 1 54.983-21.815 78.807 78.807 0 0 1 54.978 21.815q1.855 1.8 3.579 3.715A70.514 70.514 0 0 1 163.34 71.89a67.289 67.289 0 0 1 2.66 6.332c.081.225.161.451.238.676.2.548.379 1.105.557 1.658a66.622 66.622 0 0 1 3.128 18.2c0 .14.008.28.013.425v.251c.012.478.017.958.017 1.439Z",
     transform: "translate(-17.433 -29.815)",
     fill: "none"
-  })))), _g$I || (_g$I = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$K || (_g$K = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 44887"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 84915",
@@ -21237,10 +21237,10 @@ var SvgIluPrintingLabel = function SvgIluPrintingLabel(props) {
   })));
 };
 
-var _defs$d, _g$H, _g2$5, _path$s;
-function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
+var _defs$d, _g$J, _g2$5, _path$s;
+function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
 var SvgIluProduction = function SvgIluProduction(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$U({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$W({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -21251,7 +21251,7 @@ var SvgIluProduction = function SvgIluProduction(props) {
     d: "M716.33 569.924c0 .68-.009 1.357-.03 2.033a65.418 65.418 0 0 1-1.293 11.169 59.31 59.31 0 0 1-.621 2.782 57.534 57.534 0 0 1-.825 3.041q-.638 2.176-1.429 4.283l-.077.213a64.806 64.806 0 0 1-1.361 3.339s0 .013-.008.026c-.094.208-.183.413-.276.617a68.963 68.963 0 0 1-4.1 7.741 70.164 70.164 0 0 1-5.087 7.226l-.051.064c-.217.264-.434.532-.651.8-.034.043-.068.081-.1.123-.162.2-.328.391-.493.587l-.289.34c-.191.225-.387.455-.587.68q-.861.982-1.761 1.927a67.117 67.117 0 0 1-2.067 2.1q-1.678 1.646-3.458 3.173a76.553 76.553 0 0 1-12.734 8.864 78.962 78.962 0 0 1-14.572 6.252 80.736 80.736 0 0 1-16.63 3.36q-3.853.37-7.813.37a78.853 78.853 0 0 1-55.216-22.01v-.008q-1.059-1.027-2.067-2.1a72.034 72.034 0 0 1-3.13-3.534c-.026-.034-.055-.064-.081-.1l-.021-.026a71.352 71.352 0 0 1-5.784-8.085 67.127 67.127 0 0 1-9.987-33.209 52.88 52.88 0 0 1-.034-2.033c0-.566.008-1.127.021-1.689a65.991 65.991 0 0 1 1.055-10.272 68.75 68.75 0 0 1 16.639-33.6q1.723-1.914 3.581-3.717a80.251 80.251 0 0 1 110.04 0q1.857 1.8 3.581 3.717a70.564 70.564 0 0 1 11.1 16.558 67.315 67.315 0 0 1 2.658 6.337c.081.225.162.451.238.676.2.549.378 1.106.557 1.659a66.671 66.671 0 0 1 3.13 18.217c0 .14.008.281.013.425v.251c.016.472.02.952.02 1.433Z",
     transform: "translate(-563.694 -498.814)",
     fill: "none"
-  })))), _g$H || (_g$H = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$J || (_g$J = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 46712"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 85290",
@@ -21696,10 +21696,10 @@ var SvgIluProduction = function SvgIluProduction(props) {
   })));
 };
 
-var _defs$c, _g$G, _g2$4, _path$r;
-function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
+var _defs$c, _g$I, _g2$4, _path$r;
+function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
 var SvgIluQualityControl = function SvgIluQualityControl(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$V({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -21710,7 +21710,7 @@ var SvgIluQualityControl = function SvgIluQualityControl(props) {
     d: "M169.355 101.2c0 .677-.008 1.35-.03 2.024a65.065 65.065 0 0 1-1.287 11.117c-.187.931-.39 1.854-.618 2.769a57.976 57.976 0 0 1-.821 3.027q-.635 2.165-1.422 4.263l-.076.212a64.193 64.193 0 0 1-1.355 3.323s0 .013-.008.025c-.093.207-.182.411-.275.614a68.65 68.65 0 0 1-4.077 7.7 69.832 69.832 0 0 1-5.063 7.192l-.051.063c-.216.262-.432.529-.648.792-.034.042-.068.08-.1.123-.161.195-.326.389-.491.584l-.288.339a39.1 39.1 0 0 1-.584.677q-.857.978-1.753 1.918a68.761 68.761 0 0 1-2.057 2.091q-1.67 1.638-3.442 3.158a76.188 76.188 0 0 1-12.675 8.822 78.6 78.6 0 0 1-14.5 6.223 80.362 80.362 0 0 1-16.552 3.344q-3.835.368-7.777.368a78.484 78.484 0 0 1-54.957-21.908v-.008q-1.054-1.022-2.057-2.091a71.908 71.908 0 0 1-3.116-3.518c-.025-.034-.055-.064-.08-.1l-.021-.025a71.015 71.015 0 0 1-5.757-8.048 66.813 66.813 0 0 1-9.94-33.054 54.466 54.466 0 0 1-.034-2.024c0-.563.008-1.122.021-1.681A65.623 65.623 0 0 1 18.5 89.3a68.427 68.427 0 0 1 16.56-33.443q1.714-1.905 3.564-3.7A78.506 78.506 0 0 1 93.4 30.423a78.5 78.5 0 0 1 54.762 21.73q1.848 1.791 3.564 3.7a70.237 70.237 0 0 1 11.045 16.48 67.023 67.023 0 0 1 2.646 6.308c.08.224.161.449.237.673.195.546.377 1.1.555 1.651a66.361 66.361 0 0 1 3.112 18.135c0 .14.008.279.013.423v.25c.017.47.021.949.021 1.427Z",
     transform: "translate(-17.433 -30.423)",
     fill: "none"
-  })))), _g$G || (_g$G = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$I || (_g$I = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 46586",
     clipPath: "url(#ilu_quality-control_svg__a)",
     transform: "translate(7.711 13.21)"
@@ -22355,10 +22355,10 @@ var SvgIluQualityControl = function SvgIluQualityControl(props) {
   })));
 };
 
-var _defs$b, _g$F, _g2$3, _g3$2, _g4$2, _g5$1, _g6$1, _g7$1, _g8$1, _path$q;
-function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
+var _defs$b, _g$H, _g2$3, _g3$2, _g4$2, _g5$1, _g6$1, _g7$1, _g8$1, _path$q;
+function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
 var SvgIluReleaseOfGoodsFromWarehouse = function SvgIluReleaseOfGoodsFromWarehouse(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$U({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -22369,7 +22369,7 @@ var SvgIluReleaseOfGoodsFromWarehouse = function SvgIluReleaseOfGoodsFromWarehou
     d: "M170.821 101.441c0 .68-.008 1.355-.03 2.03a65.331 65.331 0 0 1-1.291 11.154 60.43 60.43 0 0 1-.62 2.778 56.437 56.437 0 0 1-.824 3.037q-.637 2.173-1.427 4.277l-.076.212a65.147 65.147 0 0 1-1.359 3.334s0 .013-.008.025c-.093.208-.183.412-.276.616a68.885 68.885 0 0 1-4.091 7.731 70.069 70.069 0 0 1-5.08 7.217l-.051.064c-.217.263-.433.531-.65.794-.034.042-.068.081-.1.123-.161.2-.327.391-.493.586l-.289.34c-.191.225-.387.455-.586.68q-.86.981-1.759 1.924a71.703 71.703 0 0 1-2.064 2.1q-1.676 1.644-3.453 3.169a76.445 76.445 0 0 1-12.718 8.852 78.862 78.862 0 0 1-14.553 6.244 80.634 80.634 0 0 1-16.609 3.356q-3.848.37-7.8.37a78.751 78.751 0 0 1-55.154-21.982v-.008q-1.058-1.026-2.064-2.1a72.386 72.386 0 0 1-3.126-3.53c-.025-.034-.055-.064-.081-.1l-.021-.025a71.258 71.258 0 0 1-5.777-8.075 67.04 67.04 0 0 1-9.974-33.166 54.826 54.826 0 0 1-.034-2.03c0-.565.008-1.126.021-1.686A65.9 65.9 0 0 1 19.458 89.5a68.66 68.66 0 0 1 16.617-33.561q1.72-1.911 3.577-3.712A78.773 78.773 0 0 1 94.6 30.423a78.765 78.765 0 0 1 54.948 21.8q1.854 1.8 3.577 3.712a70.475 70.475 0 0 1 11.082 16.536 67.24 67.24 0 0 1 2.655 6.329c.081.225.161.45.238.675.2.548.378 1.1.556 1.657a66.588 66.588 0 0 1 3.126 18.193c0 .14.008.28.013.425v.251c.021.48.026.96.026 1.44Z",
     transform: "translate(-18.383 -30.423)",
     fill: "none"
-  })))), _g$F || (_g$F = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$H || (_g$H = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 44559"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 44558",
@@ -22815,10 +22815,10 @@ var SvgIluReleaseOfGoodsFromWarehouse = function SvgIluReleaseOfGoodsFromWarehou
   })));
 };
 
-var _defs$a, _g$E, _path$p;
-function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
+var _defs$a, _g$G, _path$p;
+function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
 var SvgIluRemoveGoodsFromPallet = function SvgIluRemoveGoodsFromPallet(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -22829,7 +22829,7 @@ var SvgIluRemoveGoodsFromPallet = function SvgIluRemoveGoodsFromPallet(props) {
     d: "M169.355 101.2c0 .677-.008 1.35-.03 2.024a65.065 65.065 0 0 1-1.287 11.117c-.187.931-.39 1.854-.618 2.769a57.976 57.976 0 0 1-.821 3.027q-.635 2.165-1.422 4.263l-.076.212a64.193 64.193 0 0 1-1.355 3.323s0 .013-.008.025c-.093.207-.182.411-.275.614a68.65 68.65 0 0 1-4.077 7.7 69.832 69.832 0 0 1-5.063 7.192l-.051.063c-.216.262-.432.529-.648.792-.034.042-.068.08-.1.123-.161.195-.326.389-.491.584l-.288.339a39.1 39.1 0 0 1-.584.677q-.857.978-1.753 1.918a68.761 68.761 0 0 1-2.057 2.091q-1.67 1.638-3.442 3.158a76.188 76.188 0 0 1-12.675 8.822 78.6 78.6 0 0 1-14.5 6.223 80.362 80.362 0 0 1-16.552 3.344q-3.835.368-7.777.368a78.484 78.484 0 0 1-54.957-21.908v-.008q-1.054-1.022-2.057-2.091a71.908 71.908 0 0 1-3.116-3.518c-.025-.034-.055-.064-.08-.1l-.021-.025a71.015 71.015 0 0 1-5.757-8.048 66.813 66.813 0 0 1-9.94-33.054 54.466 54.466 0 0 1-.034-2.024c0-.563.008-1.122.021-1.681A65.623 65.623 0 0 1 18.5 89.3a68.427 68.427 0 0 1 16.56-33.443q1.714-1.905 3.564-3.7A78.506 78.506 0 0 1 93.4 30.423a78.5 78.5 0 0 1 54.762 21.73q1.848 1.791 3.564 3.7a70.237 70.237 0 0 1 11.045 16.48 67.023 67.023 0 0 1 2.646 6.308c.08.224.161.449.237.673.195.546.377 1.1.555 1.651a66.361 66.361 0 0 1 3.112 18.135c0 .14.008.279.013.423v.25c.017.47.021.949.021 1.427Z",
     transform: "translate(-17.433 -30.423)",
     fill: "none"
-  })))), _g$E || (_g$E = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$G || (_g$G = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "ilu_remove_goods_from_pallet _2"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 44716"
@@ -23004,10 +23004,10 @@ var SvgIluRemoveGoodsFromPallet = function SvgIluRemoveGoodsFromPallet(props) {
   })));
 };
 
-var _defs$9, _g$D, _g2$2, _g3$1, _g4$1, _path$o;
-function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
+var _defs$9, _g$F, _g2$2, _g3$1, _g4$1, _path$o;
+function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
 var SvgIluReprintingLabel = function SvgIluReprintingLabel(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -23018,7 +23018,7 @@ var SvgIluReprintingLabel = function SvgIluReprintingLabel(props) {
     d: "M172.943 103.8c0 .679-.008 1.354-.03 2.03a65.307 65.307 0 0 1-1.291 11.15c-.187.934-.391 1.86-.62 2.777a56.402 56.402 0 0 1-.824 3.036q-.637 2.172-1.427 4.276l-.076.212a65.485 65.485 0 0 1-1.359 3.333s0 .013-.008.025c-.093.208-.183.412-.276.616a68.86 68.86 0 0 1-4.089 7.728 70.038 70.038 0 0 1-5.078 7.214l-.051.064c-.217.263-.433.531-.65.794-.034.042-.068.081-.1.123-.161.2-.327.391-.493.586l-.289.34c-.191.225-.386.454-.586.679q-.86.981-1.758 1.923a71.682 71.682 0 0 1-2.064 2.1q-1.675 1.643-3.452 3.168a76.414 76.414 0 0 1-12.713 8.849 78.834 78.834 0 0 1-14.547 6.242 80.6 80.6 0 0 1-16.6 3.354q-3.847.369-7.8.369a78.72 78.72 0 0 1-55.122-21.973v-.008q-1.057-1.025-2.064-2.1a72.32 72.32 0 0 1-3.125-3.528c-.025-.034-.055-.064-.081-.1l-.021-.025a71.23 71.23 0 0 1-5.775-8.072 67.014 67.014 0 0 1-9.97-33.153 54.79 54.79 0 0 1-.034-2.03c0-.565.008-1.125.021-1.686a65.872 65.872 0 0 1 1.053-10.254A68.633 68.633 0 0 1 38.25 58.321q1.72-1.911 3.575-3.711a78.742 78.742 0 0 1 54.931-21.795 78.734 78.734 0 0 1 54.927 21.8q1.853 1.8 3.575 3.711a70.449 70.449 0 0 1 11.078 16.53 67.223 67.223 0 0 1 2.654 6.327c.081.225.161.45.238.675.2.548.378 1.1.556 1.656a66.562 66.562 0 0 1 3.125 18.186c0 .14.008.28.013.425v.251c.017.469.021.949.021 1.424Z",
     transform: "translate(-20.565 -32.815)",
     fill: "none"
-  })))), _g$D || (_g$D = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$F || (_g$F = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 44912"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 44910"
@@ -23237,10 +23237,10 @@ var SvgIluReprintingLabel = function SvgIluReprintingLabel(props) {
   })));
 };
 
-var _defs$8, _g$C;
-function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
+var _defs$8, _g$E;
+function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
 var SvgIluReturnFromCustomers = function SvgIluReturnFromCustomers(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -23251,7 +23251,7 @@ var SvgIluReturnFromCustomers = function SvgIluReturnFromCustomers(props) {
     d: "M170.787 102.115c0 .684-.009 1.363-.03 2.042a65.689 65.689 0 0 1-1.3 11.214c-.188.939-.393 1.87-.623 2.793a56.785 56.785 0 0 1-.829 3.053q-.641 2.184-1.435 4.3l-.077.214a65.32 65.32 0 0 1-1.367 3.352s0 .013-.009.026c-.094.209-.184.415-.278.62a69.286 69.286 0 0 1-4.113 7.772 70.491 70.491 0 0 1-5.108 7.256l-.051.064c-.218.265-.436.534-.653.8-.034.042-.068.081-.1.124-.162.2-.329.393-.5.589l-.29.342c-.192.226-.389.457-.589.683q-.865.986-1.768 1.934a69.994 69.994 0 0 1-2.075 2.11q-1.685 1.652-3.472 3.186a76.88 76.88 0 0 1-12.786 8.9 79.259 79.259 0 0 1-14.631 6.278 81.094 81.094 0 0 1-16.7 3.374q-3.869.371-7.845.372a79.174 79.174 0 0 1-55.44-22.1v-.013q-1.063-1.031-2.075-2.11a72.678 72.678 0 0 1-3.143-3.548c-.026-.034-.056-.064-.081-.1l-.021-.026a71.68 71.68 0 0 1-5.808-8.118 67.4 67.4 0 0 1-10.027-33.344 53.315 53.315 0 0 1-.034-2.042c0-.568.009-1.131.021-1.695a66.257 66.257 0 0 1 1.059-10.314A69.031 69.031 0 0 1 35.318 56.37q1.73-1.922 3.6-3.732a79.2 79.2 0 0 1 55.243-21.921 79.19 79.19 0 0 1 55.239 21.92q1.864 1.806 3.6 3.732A70.865 70.865 0 0 1 164.142 73a67.6 67.6 0 0 1 2.669 6.363c.081.226.162.453.239.679.2.551.38 1.11.559 1.665a66.943 66.943 0 0 1 3.143 18.291c0 .141.009.282.013.427v.252c.018.473.022.956.022 1.438Z",
     transform: "translate(-17.531 -30.717)",
     fill: "none"
-  })))), _g$C || (_g$C = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$E || (_g$E = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 44789"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 44788"
@@ -23511,9 +23511,9 @@ var SvgIluReturnFromCustomers = function SvgIluReturnFromCustomers(props) {
 };
 
 var _defs$7, _path$n, _path2$e, _path3$6, _path4$2, _path5$2, _path6$1, _path7$1, _ellipse$1, _ellipse2$1, _path8$1, _ellipse3$1, _path9$1, _ellipse4$1, _ellipse5$1, _path10$1, _path11$1, _path12$1, _path13$1, _path14$1, _path15, _path16, _path17, _path18, _circle$1, _circle2$1, _circle3$1, _ellipse6$1, _ellipse7, _path19;
-function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
+function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
 var SvgIluSale = function SvgIluSale(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
     id: "ilu_sale_svg__sprzedaz",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 400.01 400.01"
@@ -23659,10 +23659,10 @@ var SvgIluSale = function SvgIluSale(props) {
   }))));
 };
 
-var _defs$6, _g$B, _path$m;
-function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
+var _defs$6, _g$D, _path$m;
+function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
 var SvgIluShiftPallet = function SvgIluShiftPallet(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -23673,7 +23673,7 @@ var SvgIluShiftPallet = function SvgIluShiftPallet(props) {
     d: "M175.839 101.008c0 .674-.008 1.344-.03 2.014a64.79 64.79 0 0 1-1.281 11.063 59.435 59.435 0 0 1-.615 2.755 56.44 56.44 0 0 1-.817 3.012q-.632 2.155-1.416 4.242l-.076.211a64.834 64.834 0 0 1-1.348 3.307s0 .013-.008.025c-.093.206-.181.409-.274.611a68.314 68.314 0 0 1-4.057 7.667 69.489 69.489 0 0 1-5.039 7.158l-.051.063c-.215.261-.43.527-.645.788-.034.042-.067.08-.1.122-.16.194-.324.388-.489.581l-.286.337c-.19.223-.383.451-.581.674q-.853.973-1.744 1.908c-.666.708-1.352 1.4-2.047 2.081q-1.662 1.63-3.425 3.143a75.818 75.818 0 0 1-12.613 8.78 78.214 78.214 0 0 1-14.433 6.193 79.972 79.972 0 0 1-16.472 3.328q-3.817.367-7.739.367a78.1 78.1 0 0 1-54.691-21.8v-.008q-1.049-1.017-2.047-2.081a69.875 69.875 0 0 1-3.1-3.5c-.025-.034-.055-.063-.08-.1l-.021-.025a70.674 70.674 0 0 1-5.729-8.009 66.49 66.49 0 0 1-9.892-32.894c-.025-.67-.034-1.34-.034-2.014 0-.56.008-1.116.021-1.673a65.357 65.357 0 0 1 1.045-10.174A68.1 68.1 0 0 1 42.2 55.88q1.706-1.9 3.547-3.682a78.127 78.127 0 0 1 54.5-21.62 78.119 78.119 0 0 1 54.5 21.625q1.839 1.782 3.547 3.682a69.9 69.9 0 0 1 10.991 16.4 66.7 66.7 0 0 1 2.633 6.277c.08.223.16.447.236.67.194.543.375 1.1.552 1.643a66.041 66.041 0 0 1 3.1 18.044c0 .139.008.278.013.421v.249c.016.467.02.943.02 1.419Z",
     transform: "translate(-24.652 -30.573)",
     fill: "none"
-  })))), _g$B || (_g$B = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$D || (_g$D = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 45386"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 45385",
@@ -23957,9 +23957,9 @@ var SvgIluShiftPallet = function SvgIluShiftPallet(props) {
 };
 
 var _style, _path$l, _path2$d, _path3$5, _path4$1, _path5$1, _path6, _path7, _path8, _path9, _path10, _circle, _path11, _circle2, _circle3, _circle4, _path12, _circle5, _circle6, _circle7, _path13, _ellipse, _ellipse2, _ellipse3, _ellipse4, _ellipse5, _ellipse6, _path14;
-function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
+function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
 var SvgIluShopping = function SvgIluShopping(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 400 400",
     style: {
@@ -24106,10 +24106,10 @@ var SvgIluShopping = function SvgIluShopping(props) {
   })));
 };
 
-var _defs$5, _g$A, _path$k;
-function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
+var _defs$5, _g$C, _path$k;
+function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
 var SvgIluStatusChange = function SvgIluStatusChange(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -24120,7 +24120,7 @@ var SvgIluStatusChange = function SvgIluStatusChange(props) {
     d: "M169.7 101.363c0 .679-.008 1.354-.03 2.028a65.216 65.216 0 0 1-1.289 11.142 60.6 60.6 0 0 1-.62 2.775 57.53 57.53 0 0 1-.823 3.034q-.636 2.17-1.426 4.273l-.076.212a64.865 64.865 0 0 1-1.358 3.331s0 .013-.009.025c-.093.208-.182.412-.276.615a68.813 68.813 0 0 1-4.086 7.722 69.994 69.994 0 0 1-5.075 7.209l-.051.064-.649.793c-.034.042-.068.081-.1.123-.161.2-.327.39-.492.586l-.289.339c-.191.225-.386.454-.586.679q-.859.98-1.757 1.922a72.878 72.878 0 0 1-2.062 2.1q-1.674 1.642-3.45 3.165a76.365 76.365 0 0 1-12.7 8.843 78.778 78.778 0 0 1-14.537 6.237 80.546 80.546 0 0 1-16.59 3.352q-3.844.369-7.795.369a78.665 78.665 0 0 1-55.084-21.958v-.008q-1.057-1.025-2.062-2.1a71.77 71.77 0 0 1-3.123-3.526c-.025-.034-.055-.064-.081-.1l-.021-.025a71.18 71.18 0 0 1-5.771-8.066 66.967 66.967 0 0 1-9.963-33.13 54.718 54.718 0 0 1-.034-2.028c0-.564.008-1.124.021-1.685a65.774 65.774 0 0 1 1.053-10.247 68.584 68.584 0 0 1 16.6-33.52Q36.824 54 38.678 52.2a78.687 78.687 0 0 1 54.893-21.777A78.679 78.679 0 0 1 148.46 52.2q1.852 1.795 3.573 3.708A70.4 70.4 0 0 1 163.1 72.43a67.178 67.178 0 0 1 2.652 6.322c.081.225.161.45.238.675.2.547.378 1.1.556 1.655a66.513 66.513 0 0 1 3.123 18.173c0 .14.009.28.013.424v.25c.018.471.018.955.018 1.434Z",
     transform: "translate(-17.433 -30.423)",
     fill: "none"
-  })))), _g$A || (_g$A = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$C || (_g$C = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 46665",
     transform: "translate(7.533 13.045)",
     clipPath: "url(#ilu_status-change_svg__a)"
@@ -24259,10 +24259,10 @@ var SvgIluStatusChange = function SvgIluStatusChange(props) {
   })));
 };
 
-var _defs$4, _g$z, _path$j;
-function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
+var _defs$4, _g$B, _path$j;
+function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
 var SvgIluStorageField = function SvgIluStorageField(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -24273,7 +24273,7 @@ var SvgIluStorageField = function SvgIluStorageField(props) {
     d: "M176.995 101.546c0 .679-.008 1.354-.03 2.029a65.286 65.286 0 0 1-1.291 11.148 60.346 60.346 0 0 1-.62 2.776 56.367 56.367 0 0 1-.824 3.035q-.637 2.171-1.426 4.275l-.076.212a65.439 65.439 0 0 1-1.358 3.332s0 .013-.008.025c-.093.208-.183.412-.276.616a68.838 68.838 0 0 1-4.086 7.727 70.026 70.026 0 0 1-5.077 7.212l-.051.064c-.217.263-.433.531-.65.794-.034.042-.068.081-.1.123-.161.2-.327.391-.492.586l-.289.34c-.191.225-.386.454-.586.679q-.86.981-1.757 1.923a72.937 72.937 0 0 1-2.063 2.1q-1.675 1.643-3.451 3.167a76.4 76.4 0 0 1-12.71 8.847 78.811 78.811 0 0 1-14.544 6.24 80.583 80.583 0 0 1-16.6 3.354q-3.846.369-7.8.369a78.7 78.7 0 0 1-55.109-21.968v-.008q-1.057-1.025-2.063-2.1a71.835 71.835 0 0 1-3.124-3.528c-.025-.034-.055-.064-.081-.1l-.021-.025a71.216 71.216 0 0 1-5.773-8.07 67 67 0 0 1-9.967-33.146 54.772 54.772 0 0 1-.034-2.029c0-.565.008-1.125.021-1.685a65.857 65.857 0 0 1 1.053-10.252 68.617 68.617 0 0 1 16.601-33.535q1.719-1.91 3.574-3.71a78.724 78.724 0 0 1 54.914-21.786 78.716 78.716 0 0 1 54.914 21.79q1.853 1.8 3.574 3.71a70.432 70.432 0 0 1 11.08 16.523 67.206 67.206 0 0 1 2.653 6.325c.081.225.161.45.238.675.2.548.378 1.1.556 1.656a66.546 66.546 0 0 1 3.124 18.182c0 .14.008.28.013.424v.25c.017.475.022.955.022 1.434Z",
     transform: "translate(-24.652 -30.573)",
     fill: "none"
-  })))), _g$z || (_g$z = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$B || (_g$B = /*#__PURE__*/React__namespace.createElement("g", {
     transform: "translate(10.561 13.073)",
     clipPath: "url(#ilu_storage-field_svg__a)"
   }, /*#__PURE__*/React__namespace.createElement("g", {
@@ -24665,10 +24665,10 @@ var SvgIluStorageField = function SvgIluStorageField(props) {
   })));
 };
 
-var _defs$3, _g$y, _g2$1, _g3, _g4, _g5, _g6, _g7, _g8, _path$i;
-function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
+var _defs$3, _g$A, _g2$1, _g3, _g4, _g5, _g6, _g7, _g8, _path$i;
+function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
 var SvgIluWarehouseLoading = function SvgIluWarehouseLoading(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
@@ -24679,7 +24679,7 @@ var SvgIluWarehouseLoading = function SvgIluWarehouseLoading(props) {
     d: "M171.124 101.582c0 .681-.009 1.358-.03 2.034a65.461 65.461 0 0 1-1.294 11.177 60.987 60.987 0 0 1-.621 2.784 56.663 56.663 0 0 1-.826 3.043q-.638 2.177-1.43 4.286l-.077.213a65.797 65.797 0 0 1-1.362 3.341s0 .013-.008.026c-.094.209-.183.413-.277.617a69.026 69.026 0 0 1-4.1 7.746 70.214 70.214 0 0 1-5.09 7.231l-.051.064c-.217.264-.434.532-.651.8-.034.043-.068.081-.1.123-.162.2-.328.392-.494.587l-.289.34c-.192.226-.387.455-.587.681q-.862.983-1.762 1.928a66.074 66.074 0 0 1-2.068 2.1q-1.679 1.647-3.46 3.175a76.6 76.6 0 0 1-12.743 8.87A79.022 79.022 0 0 1 119.216 169a80.8 80.8 0 0 1-16.642 3.362q-3.856.37-7.819.37A78.907 78.907 0 0 1 39.5 150.711v-.011q-1.06-1.028-2.068-2.1a72.751 72.751 0 0 1-3.133-3.537c-.026-.034-.055-.064-.081-.1l-.021-.026a71.4 71.4 0 0 1-5.788-8.091 67.174 67.174 0 0 1-9.993-33.232 52.931 52.931 0 0 1-.034-2.034c0-.566.009-1.128.021-1.69a66.029 66.029 0 0 1 1.057-10.277A68.8 68.8 0 0 1 36.11 55.99q1.724-1.915 3.584-3.72a78.93 78.93 0 0 1 55.062-21.847 78.922 78.922 0 0 1 55.057 21.847q1.858 1.8 3.584 3.72a70.615 70.615 0 0 1 11.1 16.569 67.376 67.376 0 0 1 2.66 6.342c.081.226.162.451.238.677.2.549.379 1.107.558 1.66a66.72 66.72 0 0 1 3.133 18.229c0 .14.009.281.013.426v.251c.021.476.025.956.025 1.438Z",
     transform: "translate(-18.383 -30.423)",
     fill: "none"
-  })))), _g$y || (_g$y = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$A || (_g$A = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 44638"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 44637",
@@ -25038,14 +25038,14 @@ var SvgIluWarehouseLoading = function SvgIluWarehouseLoading(props) {
   })));
 };
 
-var _g$x, _path$h;
-function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
+var _g$z, _path$h;
+function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
 var SvgMovingBoxToAnotherShelf = function SvgMovingBoxToAnotherShelf(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _g$x || (_g$x = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$z || (_g$z = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 46074"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 45940"
@@ -25898,10 +25898,10 @@ var SvgMovingBoxToAnotherShelf = function SvgMovingBoxToAnotherShelf(props) {
   })));
 };
 
-var _defs$2, _g$w;
-function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
+var _defs$2, _g$y;
+function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
 var SvgIluSearch = function SvgIluSearch(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
     "data-name": "Component 35 \\u2013 1",
     xmlns: "http://www.w3.org/2000/svg",
     width: 184.006,
@@ -25954,7 +25954,7 @@ var SvgIluSearch = function SvgIluSearch(props) {
     transform: "translate(114.909 72.075)",
     fill: "none",
     d: "M0 0h.429v40.322H0z"
-  })))), _g$w || (_g$w = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$y || (_g$y = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 8098",
     clipPath: "url(#ilu_search_svg__a)"
   }, /*#__PURE__*/React__namespace.createElement("g", {
@@ -26111,10 +26111,10 @@ var SvgIluSearch = function SvgIluSearch(props) {
   }))))));
 };
 
-var _defs$1, _g$v;
-function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
+var _defs$1, _g$x;
+function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
 var SvgIlu404 = function SvgIlu404(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
     "data-name": "Component 34 \\u2013 1",
     xmlns: "http://www.w3.org/2000/svg",
     width: 184.006,
@@ -26181,7 +26181,7 @@ var SvgIlu404 = function SvgIlu404(props) {
     "data-name": "Path 513",
     d: "M124.648 81.307q.171.843 1.729 5.842l6.328-.071q-1.559-5-1.729-5.843Z",
     fill: "none"
-  })))), _g$v || (_g$v = /*#__PURE__*/React__namespace.createElement("g", {
+  })))), _g$x || (_g$x = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 8079",
     clipPath: "url(#ilu_404_svg__a)"
   }, /*#__PURE__*/React__namespace.createElement("g", {
@@ -26568,9 +26568,9 @@ var Illustration = function (_a) {
 };
 
 var _path$g, _path2$c, _path3$4;
-function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
+function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
 var SvgIconWfSearch = function SvgIconWfSearch(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
     xmlns: "http://www.w3.org/2000/svg",
     width: 26,
     height: 26
@@ -26590,9 +26590,9 @@ var SvgIconWfSearch = function SvgIconWfSearch(props) {
 };
 
 var _path$f, _path2$b, _path3$3;
-function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
+function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
 var SvgIconWfLocked = function SvgIconWfLocked(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
     xmlns: "http://www.w3.org/2000/svg",
     width: 26,
     height: 26
@@ -26612,9 +26612,9 @@ var SvgIconWfLocked = function SvgIconWfLocked(props) {
 };
 
 var _path$e, _path2$a, _path3$2;
-function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
+function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
 var SvgIconWfDownload = function SvgIconWfDownload(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
@@ -26632,10 +26632,10 @@ var SvgIconWfDownload = function SvgIconWfDownload(props) {
   })));
 };
 
-var _path$d, _g$u, _path2$9;
-function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
+var _path$d, _g$w, _path2$9;
+function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
 var SvgIconWfRemove = function SvgIconWfRemove(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
@@ -26643,7 +26643,7 @@ var SvgIconWfRemove = function SvgIconWfRemove(props) {
     "data-name": "Rectangle 19790",
     fill: "#e42127",
     d: "M14.583 3.107h16.833v3.061H14.583z"
-  })), _g$u || (_g$u = /*#__PURE__*/React__namespace.createElement("g", {
+  })), _g$w || (_g$w = /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#293072"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 19787",
@@ -26664,14 +26664,14 @@ var SvgIconWfRemove = function SvgIconWfRemove(props) {
   })));
 };
 
-var _g$t;
-function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
+var _g$v;
+function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
 var SvgIconWfLogout = function SvgIconWfLogout(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$t || (_g$t = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$v || (_g$v = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "icon_wf_logout"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "color-2",
@@ -26689,9 +26689,9 @@ var SvgIconWfLogout = function SvgIconWfLogout(props) {
 };
 
 var _path$c, _path2$8, _path3$1;
-function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
+function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
 var SvgIconWfEdit = function SvgIconWfEdit(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
@@ -26710,15 +26710,15 @@ var SvgIconWfEdit = function SvgIconWfEdit(props) {
   })));
 };
 
-var _g$s;
-function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
+var _g$u;
+function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
 var SvgIconWfSettingsOrFilter = function SvgIconWfSettingsOrFilter(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
     "data-name": "icon_wf_settings or filter",
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$s || (_g$s = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$u || (_g$u = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 42290"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 84278",
@@ -26739,14 +26739,14 @@ var SvgIconWfSettingsOrFilter = function SvgIconWfSettingsOrFilter(props) {
   }))));
 };
 
-var _g$r, _path$b;
-function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
+var _g$t, _path$b;
+function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
 var SvgIconWfBarcode1D = function SvgIconWfBarcode1D(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$r || (_g$r = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$t || (_g$t = /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#293072"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 85537",
@@ -26785,14 +26785,14 @@ var SvgIconWfBarcode1D = function SvgIconWfBarcode1D(props) {
   })));
 };
 
-var _g$q;
-function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
+var _g$s;
+function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
 var SvgIconWfBarcode2D = function SvgIconWfBarcode2D(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$q || (_g$q = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$s || (_g$s = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 43962"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#293072"
@@ -26838,15 +26838,15 @@ var SvgIconWfBarcode2D = function SvgIconWfBarcode2D(props) {
   }))));
 };
 
-var _g$p;
-function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
+var _g$r;
+function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
 var SvgIconWfBarcodePrinter = function SvgIconWfBarcodePrinter(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
     "data-name": "Component 292 \\u2013 5",
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$p || (_g$p = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$r || (_g$r = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 43974"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 20938",
@@ -26885,14 +26885,14 @@ var SvgIconWfBarcodePrinter = function SvgIconWfBarcodePrinter(props) {
   }))));
 };
 
-var _g$o;
-function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
+var _g$q;
+function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
 var SvgIconWfBox = function SvgIconWfBox(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$o || (_g$o = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$q || (_g$q = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "icon_wf_box v1"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 20916",
@@ -26916,15 +26916,15 @@ var SvgIconWfBox = function SvgIconWfBox(props) {
   }))));
 };
 
-var _g$n;
-function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
+var _g$p;
+function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
 var SvgIconWfCalculator = function SvgIconWfCalculator(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
     "data-name": "Component 286 \\u2013 2",
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$n || (_g$n = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$p || (_g$p = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 43933"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 20906",
@@ -26966,14 +26966,14 @@ var SvgIconWfCalculator = function SvgIconWfCalculator(props) {
   }))));
 };
 
-var _g$m;
-function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
+var _g$o;
+function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
 var SvgIconWfCalendar = function SvgIconWfCalendar(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$m || (_g$m = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$o || (_g$o = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 43270"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#e42127"
@@ -27025,14 +27025,14 @@ var SvgIconWfCalendar = function SvgIconWfCalendar(props) {
   }))));
 };
 
-var _g$l, _g2, _path$a;
-function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
+var _g$n, _g2, _path$a;
+function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
 var SvgIconWfCar = function SvgIconWfCar(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$l || (_g$l = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$n || (_g$n = /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#e42127"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 20900",
@@ -27061,14 +27061,14 @@ var SvgIconWfCar = function SvgIconWfCar(props) {
   })));
 };
 
-var _g$k;
-function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
+var _g$m;
+function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
 var SvgIconWfForklift = function SvgIconWfForklift(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$k || (_g$k = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$m || (_g$m = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "icon_wf_forklift"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#e42127"
@@ -27102,14 +27102,14 @@ var SvgIconWfForklift = function SvgIconWfForklift(props) {
   }))));
 };
 
-var _g$j;
-function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
+var _g$l;
+function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
 var SvgIconWfInvoice = function SvgIconWfInvoice(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$j || (_g$j = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$l || (_g$l = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 42733"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#e42127"
@@ -27133,14 +27133,14 @@ var SvgIconWfInvoice = function SvgIconWfInvoice(props) {
   }))));
 };
 
-var _g$i;
-function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
+var _g$k;
+function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
 var SvgIconWfKeyboard = function SvgIconWfKeyboard(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 45,
     height: 45
-  }, props), _g$i || (_g$i = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$k || (_g$k = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "icon_wf_keyboard_1"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 20200",
@@ -27182,14 +27182,14 @@ var SvgIconWfKeyboard = function SvgIconWfKeyboard(props) {
   }))));
 };
 
-var _g$h;
-function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
+var _g$j;
+function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
 var SvgIconWfLogs = function SvgIconWfLogs(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$h || (_g$h = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$j || (_g$j = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "icon_wf_logs"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 84292",
@@ -27206,14 +27206,14 @@ var SvgIconWfLogs = function SvgIconWfLogs(props) {
   }))));
 };
 
-var _g$g;
-function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
+var _g$i;
+function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
 var SvgIconWfNoBarcodePrinter = function SvgIconWfNoBarcodePrinter(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18
-  }, props), _g$g || (_g$g = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$i || (_g$i = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "icon_wf_no-barcode-printer v1"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#293072"
@@ -27257,10 +27257,10 @@ var SvgIconWfNoBarcodePrinter = function SvgIconWfNoBarcodePrinter(props) {
   }))));
 };
 
-var _path$9, _g$f, _path2$7;
-function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
+var _path$9, _g$h, _path2$7;
+function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
 var SvgIconWfNoScan = function SvgIconWfNoScan(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
@@ -27268,7 +27268,7 @@ var SvgIconWfNoScan = function SvgIconWfNoScan(props) {
     "data-name": "Rectangle 20557",
     fill: "#e42127",
     d: "m3.119 5.257 2.146-2.146L42.89 40.737l-2.146 2.146z"
-  })), _g$f || (_g$f = /*#__PURE__*/React__namespace.createElement("g", {
+  })), _g$h || (_g$h = /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#293072"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 84628",
@@ -27313,14 +27313,14 @@ var SvgIconWfNoScan = function SvgIconWfNoScan(props) {
   })));
 };
 
-var _g$e;
-function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
+var _g$g;
+function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
 var SvgIconWfPallet = function SvgIconWfPallet(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$e || (_g$e = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$g || (_g$g = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "icon_wf_pallet_v1"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 84681",
@@ -27333,14 +27333,14 @@ var SvgIconWfPallet = function SvgIconWfPallet(props) {
   }))));
 };
 
-var _g$d;
-function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
+var _g$f;
+function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
 var SvgIconWfPin = function SvgIconWfPin(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$d || (_g$d = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$f || (_g$f = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 42962"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 20318",
@@ -27357,10 +27357,10 @@ var SvgIconWfPin = function SvgIconWfPin(props) {
   }))));
 };
 
-var _path$8, _g$c, _path2$6;
-function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
+var _path$8, _g$e, _path2$6;
+function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
 var SvgIconWfScan = function SvgIconWfScan(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
@@ -27368,7 +27368,7 @@ var SvgIconWfScan = function SvgIconWfScan(props) {
     "data-name": "Rectangle 19774",
     fill: "#e42127",
     d: "M14.587 23.77h16.84v3.036h-16.84z"
-  })), _g$c || (_g$c = /*#__PURE__*/React__namespace.createElement("g", {
+  })), _g$e || (_g$e = /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#293072"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 84272",
@@ -27413,14 +27413,14 @@ var SvgIconWfScan = function SvgIconWfScan(props) {
   })));
 };
 
-var _g$b;
-function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
+var _g$d;
+function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
 var SvgIconWfSend = function SvgIconWfSend(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$b || (_g$b = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$d || (_g$d = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "icon_wf_send"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#e42127"
@@ -27441,14 +27441,14 @@ var SvgIconWfSend = function SvgIconWfSend(props) {
   }))));
 };
 
-var _g$a;
-function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
+var _g$c;
+function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
 var SvgIconWfStatusKsef = function SvgIconWfStatusKsef(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$a || (_g$a = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$c || (_g$c = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 42620"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 84287",
@@ -27465,10 +27465,10 @@ var SvgIconWfStatusKsef = function SvgIconWfStatusKsef(props) {
   }))));
 };
 
-var _path$7, _g$9, _path2$5;
-function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
+var _path$7, _g$b, _path2$5;
+function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
 var SvgIconWfStop = function SvgIconWfStop(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
@@ -27476,7 +27476,7 @@ var SvgIconWfStop = function SvgIconWfStop(props) {
     "data-name": "Path 84683",
     d: "M31.203 42.874H14.745L3.108 31.237V14.779L14.745 3.142h16.458L42.84 14.779v16.458Zm-15.2-3.036h13.942l9.859-9.859V16.037l-9.859-9.859H16.003l-9.859 9.859v13.942Z",
     fill: "#e42127"
-  })), _g$9 || (_g$9 = /*#__PURE__*/React__namespace.createElement("g", {
+  })), _g$b || (_g$b = /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#293072"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 84684",
@@ -27497,14 +27497,14 @@ var SvgIconWfStop = function SvgIconWfStop(props) {
   })));
 };
 
-var _g$8;
-function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
+var _g$a;
+function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
 var SvgIconWfUnpin = function SvgIconWfUnpin(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$8 || (_g$8 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$a || (_g$a = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 42617"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#293072"
@@ -27526,9 +27526,9 @@ var SvgIconWfUnpin = function SvgIconWfUnpin(props) {
 };
 
 var _path$6, _path2$4, _path3, _path4, _path5;
-function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
+function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
 var SvgIconWfRefresh = function SvgIconWfRefresh(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
     width: 26,
     height: 26
@@ -27556,9 +27556,9 @@ var SvgIconWfRefresh = function SvgIconWfRefresh(props) {
 };
 
 var _path$5, _path2$3;
-function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
+function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
 var SvgIconUiClose = function SvgIconUiClose(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
@@ -27573,9 +27573,9 @@ var SvgIconUiClose = function SvgIconUiClose(props) {
 };
 
 var _path$4, _path2$2;
-function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
+function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
 var SvgIconUiChevronUp = function SvgIconUiChevronUp(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
@@ -27590,14 +27590,14 @@ var SvgIconUiChevronUp = function SvgIconUiChevronUp(props) {
   })));
 };
 
-var _g$7;
-function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
+var _g$9;
+function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
 var SvgIconUiChevronDown = function SvgIconUiChevronDown(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
-  }, props), _g$7 || (_g$7 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$9 || (_g$9 = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "icon_wf_arrow_1"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 84570",
@@ -27611,9 +27611,9 @@ var SvgIconUiChevronDown = function SvgIconUiChevronDown(props) {
 };
 
 var _path$3, _path2$1;
-function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
+function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
 var SvgIconUiChevronRight = function SvgIconUiChevronRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
@@ -27629,9 +27629,9 @@ var SvgIconUiChevronRight = function SvgIconUiChevronRight(props) {
 };
 
 var _path$2, _path2;
-function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
+function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
 var SvgIconUiChevronLeft = function SvgIconUiChevronLeft(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
     width: 46,
     height: 46
@@ -27646,14 +27646,14 @@ var SvgIconUiChevronLeft = function SvgIconUiChevronLeft(props) {
   })));
 };
 
-var _g$6;
-function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
+var _g$8;
+function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
 var SvgIconSpCheckMark = function SvgIconSpCheckMark(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
     width: 42,
     height: 42
-  }, props), _g$6 || (_g$6 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$8 || (_g$8 = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 47571"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 85747",
@@ -27666,14 +27666,14 @@ var SvgIconSpCheckMark = function SvgIconSpCheckMark(props) {
   }))));
 };
 
-var _g$5;
-function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+var _g$7;
+function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 var SvgIconSpWarning = function SvgIconSpWarning(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     width: 42,
     height: 42
-  }, props), _g$5 || (_g$5 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$7 || (_g$7 = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 47569"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 85746",
@@ -27690,14 +27690,14 @@ var SvgIconSpWarning = function SvgIconSpWarning(props) {
   }))));
 };
 
-var _g$4;
-function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+var _g$6;
+function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
 var SvgIconSpInfo = function SvgIconSpInfo(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
     width: 45,
     height: 45
-  }, props), _g$4 || (_g$4 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$6 || (_g$6 = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 47565"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 85744",
@@ -27714,14 +27714,14 @@ var SvgIconSpInfo = function SvgIconSpInfo(props) {
   }))));
 };
 
-var _g$3;
-function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+var _g$5;
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 var SvgIconSpInfo2 = function SvgIconSpInfo2(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
     width: 45,
     height: 45
-  }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$5 || (_g$5 = /*#__PURE__*/React__namespace.createElement("g", {
     fill: "#293072"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Path 85745",
@@ -27736,9 +27736,9 @@ var SvgIconSpInfo2 = function SvgIconSpInfo2(props) {
 };
 
 var _rect$1, _rect2, _rect3;
-function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
 var SvgMenuBurger = function SvgMenuBurger(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
     "data-name": "menu burger",
     xmlns: "http://www.w3.org/2000/svg",
     width: 42,
@@ -27766,10 +27766,10 @@ var SvgMenuBurger = function SvgMenuBurger(props) {
   })));
 };
 
-var _defs, _path$1, _g$2;
-function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+var _defs, _path$1, _g$4;
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
 var SvgUpdateIcon = function SvgUpdateIcon(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
     "data-name": "Component 231 \\u2013 4",
     xmlns: "http://www.w3.org/2000/svg",
     width: 25.813,
@@ -27785,7 +27785,7 @@ var SvgUpdateIcon = function SvgUpdateIcon(props) {
     d: "M5.876 10.103H1.043l1.421-4.416L3.726 7.32a8.78 8.78 0 1 1-3.448 4.986h1.527a7.375 7.375 0 1 0 2.82-3.819l1.251 1.616Zm2.938 1.46A2.938 2.938 0 1 1 5.876 14.5a2.939 2.939 0 0 1 2.937-2.937Z",
     fill: "#e42127",
     fillRule: "evenodd"
-  })), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
+  })), _g$4 || (_g$4 = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 47569",
     clipPath: "url(#update_icon_svg__a)",
     transform: "translate(7.365 -.448)"
@@ -27804,14 +27804,14 @@ var SvgUpdateIcon = function SvgUpdateIcon(props) {
   }))));
 };
 
-var _g$1;
-function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+var _g$3;
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
 var SvgCheckboxDefault = function SvgCheckboxDefault(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
     width: 27,
     height: 27
-  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Rectangle 18315",
     fill: "#fff",
     stroke: "#a7b1d3",
@@ -27832,9 +27832,9 @@ var SvgCheckboxDefault = function SvgCheckboxDefault(props) {
 };
 
 var _rect, _path;
-function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
 var SvgCheckboxChecked = function SvgCheckboxChecked(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20
@@ -27851,14 +27851,14 @@ var SvgCheckboxChecked = function SvgCheckboxChecked(props) {
   })));
 };
 
-var _g;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _g$2;
+function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 var SvgChecbkoxIndeterminate = function SvgChecbkoxIndeterminate(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 27,
     height: 27
-  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
     "data-name": "Group 47972",
     transform: "translate(0 -7)"
   }, /*#__PURE__*/React__namespace.createElement("rect", {
@@ -28040,9 +28040,328 @@ var Icon = function (_a) {
     return (jsxRuntime.exports.jsxs(StyledIconWrapper, __assign({}, rest, { ref: forwardedRef, className: "".concat(color, " ").concat(size), color: color, size: size, iconName: iconName }, { children: [iconName === 'icon_wf_search' && jsxRuntime.exports.jsx(SvgIconWfSearch, {}), iconName === 'icon_wf_locked' && jsxRuntime.exports.jsx(SvgIconWfLocked, {}), iconName === 'icon_wf_download' && jsxRuntime.exports.jsx(SvgIconWfDownload, {}), iconName === 'icon_wf_remove' && jsxRuntime.exports.jsx(SvgIconWfRemove, {}), iconName === 'icon_wf_logout' && jsxRuntime.exports.jsx(SvgIconWfLogout, {}), iconName === 'icon_wf_edit' && jsxRuntime.exports.jsx(SvgIconWfEdit, {}), iconName === 'icon_wf_settings_or_filter' && jsxRuntime.exports.jsx(SvgIconWfSettingsOrFilter, {}), iconName === 'icon_wf_barcode_1d' && jsxRuntime.exports.jsx(SvgIconWfBarcode1D, {}), iconName === 'icon_wf_barcode_2d' && jsxRuntime.exports.jsx(SvgIconWfBarcode2D, {}), iconName === 'icon_wf_barcode_printer' && jsxRuntime.exports.jsx(SvgIconWfBarcodePrinter, {}), iconName === 'icon_wf_box' && jsxRuntime.exports.jsx(SvgIconWfBox, {}), iconName === 'icon_wf_calculator' && jsxRuntime.exports.jsx(SvgIconWfCalculator, {}), iconName === 'icon_wf_calendar' && jsxRuntime.exports.jsx(SvgIconWfCalendar, {}), iconName === 'icon_wf_car' && jsxRuntime.exports.jsx(SvgIconWfCar, {}), iconName === 'icon_wf_forklift' && jsxRuntime.exports.jsx(SvgIconWfForklift, {}), iconName === 'icon_wf_invoice' && jsxRuntime.exports.jsx(SvgIconWfInvoice, {}), iconName === 'icon_wf_keyboard' && jsxRuntime.exports.jsx(SvgIconWfKeyboard, {}), iconName === 'icon_wf_logs' && jsxRuntime.exports.jsx(SvgIconWfLogs, {}), iconName === 'icon_wf_no_barcode_printer' && jsxRuntime.exports.jsx(SvgIconWfNoBarcodePrinter, {}), iconName === 'icon_wf_no_scan' && jsxRuntime.exports.jsx(SvgIconWfNoScan, {}), iconName === 'icon_wf_pallet' && jsxRuntime.exports.jsx(SvgIconWfPallet, {}), iconName === 'icon_wf_pin' && jsxRuntime.exports.jsx(SvgIconWfPin, {}), iconName === 'icon_wf_scan' && jsxRuntime.exports.jsx(SvgIconWfScan, {}), iconName === 'icon_wf_send' && jsxRuntime.exports.jsx(SvgIconWfSend, {}), iconName === 'icon_wf_status_ksef' && jsxRuntime.exports.jsx(SvgIconWfStatusKsef, {}), iconName === 'icon_wf_stop' && jsxRuntime.exports.jsx(SvgIconWfStop, {}), iconName === 'icon_wf_unpin' && jsxRuntime.exports.jsx(SvgIconWfUnpin, {}), iconName === 'icon_wf_refresh' && jsxRuntime.exports.jsx(SvgIconWfRefresh, {}), iconName === 'icon_ui_close' && jsxRuntime.exports.jsx(SvgIconUiClose, {}), iconName === 'icon_ui_chevron_up' && jsxRuntime.exports.jsx(SvgIconUiChevronUp, {}), iconName === 'icon_ui_chevron_down' && jsxRuntime.exports.jsx(SvgIconUiChevronDown, {}), iconName === 'icon_ui_chevron_right' && jsxRuntime.exports.jsx(SvgIconUiChevronRight, {}), iconName === 'icon_ui_chevron_left' && jsxRuntime.exports.jsx(SvgIconUiChevronLeft, {}), iconName === 'icon_sp_check_mark' && jsxRuntime.exports.jsx(SvgIconSpCheckMark, {}), iconName === 'icon_sp_warning' && jsxRuntime.exports.jsx(SvgIconSpWarning, {}), iconName === 'icon_sp_info' && jsxRuntime.exports.jsx(SvgIconSpInfo, {}), iconName === 'icon_sp_info_2' && jsxRuntime.exports.jsx(SvgIconSpInfo2, {}), iconName === 'icon_burger_menu' && jsxRuntime.exports.jsx(SvgMenuBurger, {}), iconName === 'icon_update' && jsxRuntime.exports.jsx(SvgUpdateIcon, {}), iconName === 'icon_checkbox_default' && jsxRuntime.exports.jsx(SvgCheckboxDefault, {}), iconName === 'icon_checkbox_checked' && jsxRuntime.exports.jsx(SvgCheckboxChecked, {}), iconName === 'icon_checkbox_indeterminate' && jsxRuntime.exports.jsx(SvgChecbkoxIndeterminate, {})] })));
 };
 
+var _g$1;
+function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+var SvgLogoXelcode = function SvgLogoXelcode(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 473.043,
+    height: 50,
+    viewBox: "0 0 473.043 77.554"
+  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Group 44021"
+  }, /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Group 44020"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 84715",
+    d: "M79.759 45.022V31.799h38.984v13.223Z",
+    fill: "#e7252c"
+  }), /*#__PURE__*/React__namespace.createElement("g", {
+    fill: "#5d5d5c"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 84706",
+    d: "M298.935 73.857c-1.446-.184-2.9-.336-4.336-.556-14.368-2.2-26.306-12.323-29.607-25.612-3.079-12.392.269-23.127 9.32-32.028a35.826 35.826 0 0 1 21.225-10.067c11.109-1.384 21.155 1.25 29.842 8.389a31.963 31.963 0 0 1 11.9 20.676c1.674 11.893-2.333 21.832-11.221 29.785a36.54 36.54 0 0 1-20.616 9.056c-.9.106-1.807.237-2.71.356Zm.655-13.143c6.106 0 10.685-1.35 14.794-4.183 11.109-7.658 12.367-22.72 2.677-31.894a24.01 24.01 0 0 0-33.209.632 19.983 19.983 0 0 0-1.98 26.086 22.343 22.343 0 0 0 17.721 9.358Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 84707",
+    d: "M69.735 71.338c-.4.017-.67.04-.945.04H56.727a6.808 6.808 0 0 1-5.757-2.9q-6.926-9.371-13.838-18.757c-.2-.269-.407-.532-.678-.885-.271.345-.485.6-.684.873Q28.06 60.16 20.363 70.622a1.694 1.694 0 0 1-1.562.777c-4.857-.039-9.707-.018-14.557-.018h-1.11c.28-.413.455-.69.649-.952q11.819-16.026 23.661-32.035a1.264 1.264 0 0 0 .018-1.825Q16.262 21.476 5.127 6.336c-.22-.3-.433-.6-.745-1.032.39-.025.654-.056.917-.056 4.021 0 8.043.026 12.063-.013a6.772 6.772 0 0 1 5.817 2.933q6.315 8.542 12.617 17.092c.183.249.375.493.643.844.279-.358.505-.634.717-.921q7.126-9.653 14.264-19.3a1.512 1.512 0 0 1 .991-.613c5.2-.038 10.4-.026 15.6-.023a4.357 4.357 0 0 1 .461.064c-.228.336-.4.612-.6.874q-11.257 15.269-22.528 30.52a1.07 1.07 0 0 0 0 1.536Q57.295 54.383 69.2 70.56c.165.221.313.454.535.778Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 84708",
+    d: "M361.307 45.073h-12.683V8.693a3.228 3.228 0 0 1 3.371-3.437c6.579-.013 13.17-.258 19.733.069 13.963.7 26.112 10.284 28.933 23.65a31.249 31.249 0 0 1 .616 5.877c.058 3.378.079 6.771-.168 10.136a26.813 26.813 0 0 1-7.476 16.595 31.488 31.488 0 0 1-19.761 10 49.285 49.285 0 0 1-5.667.309c-5.085.041-10.17.014-15.255.014-3.181 0-4.326-1.128-4.326-4.261v-9.048h1.062c7.039 0 14.081.141 21.114-.048a17.3 17.3 0 0 0 15.179-8.886 14.674 14.674 0 0 0 2.021-7.46c.029-2.633.074-5.273-.065-7.9-.3-5.772-3.2-10.038-8.006-13.082a18.281 18.281 0 0 0-9.642-2.74c-2.642-.048-5.286.013-7.929-.038-.825-.016-1.073.226-1.07 1.061.029 8.113.017 16.226.017 24.339Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 84709",
+    d: "M157.904 25.607c0 5.245.064 10.491-.014 15.734-.132 8.828 6.286 15.317 14.074 16.872a20.716 20.716 0 0 0 3.93.365q10.211.054 20.422 0c.745 0 1 .179.987.947-.032 3.009.012 6.019 0 9.028a3.24 3.24 0 0 1-3.425 3.33c-6.948 0-13.929.318-20.839-.226-13.805-1.086-24.989-10.781-27.692-23.241a33.151 33.151 0 0 1-.664-6.813c-.064-11.751-.03-23.5-.03-35.253 0-1.1 0-1.1 1.138-1.1 2.844 0 5.687-.007 8.531 0a3.308 3.308 0 0 1 3.582 3.59q.004 8.383 0 16.767Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 84710",
+    d: "M256.709 58.597c.091.128.122.15.122.173.006 3.52.081 7.041-.021 10.558-.042 1.436-1.573 2.564-3.307 2.56-6.945-.015-13.924.32-20.83-.229-13.888-1.105-24.948-10.829-27.722-23.216-.235-1.051-.373-2.124-.565-3.24.306-.023.5-.049.7-.05 4.019 0 8.039.007 12.058-.012a.811.811 0 0 1 .938.712c2.023 6.869 6.741 10.833 13.619 12.368a18.191 18.191 0 0 0 3.841.358c6.718.035 13.436.017 20.155.018Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 84711",
+    d: "M79.546 57.944h55.379v13.22c-.33.015-.637.042-.944.042H83.418c-2.518 0-3.912-1.373-3.919-3.856q-.011-4.212 0-8.424c0-.306.029-.615.047-.982Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 84712",
+    d: "M204.294 31.474c.537-2.055.878-4.036 1.567-5.888 3.781-10.171 11.227-16.333 21.527-19.262a29.719 29.719 0 0 1 8.243-1.083c5.828.018 11.657 0 17.485.007 2.587 0 3.8 1.219 3.79 3.778-.007 2.779-.031 5.559.015 8.337.014.839-.184 1.125-1.09 1.119-6.6-.041-13.208-.02-19.812-.022a18.792 18.792 0 0 0-12.964 4.664 15.791 15.791 0 0 0-4.838 7.571.963.963 0 0 1-1.1.855c-3.9-.038-7.81-.017-11.714-.02-.255-.001-.51-.025-1.109-.056Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 84713",
+    d: "M131.764 5.238v13.221H80.62c-1.12 0-1.122 0-1.122-1.125 0-2.723.084-5.449-.026-8.168a3.7 3.7 0 0 1 3.919-3.958c15.8.058 31.6.031 47.395.031Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 84714",
+    d: "M412.283 18.4c-.018-.279-.041-.475-.041-.671 0-2.952-.014-5.9 0-8.856a3.452 3.452 0 0 1 3.619-3.63q23.911-.011 47.822 0c.253 0 .505.031.819.052V18.4Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 84716",
+    d: "M451.554 44.984h-38.952V31.819h38.952Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 84717",
+    d: "M412.268 57.925h55.379v13.219c-.33.015-.637.042-.944.042H416.14c-2.518 0-3.912-1.373-3.919-3.856q-.011-4.212 0-8.424c0-.306.029-.613.047-.981Z"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Rectangle 20964",
+    fill: "none",
+    d: "M0 0h473.043v77.554H0z"
+  }))));
+};
+
+var _g;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgLogoXelcodeDashboard = function SvgLogoXelcodeDashboard(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 469.159,
+    height: 124
+  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Group 47387"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Rectangle 22451",
+    fill: "#e7252c",
+    d: "M77.385 26.907h39.37v13.354h-39.37z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85626",
+    d: "M178.827 123.525V96.342h10.9a15.636 15.636 0 0 1 7.053 1.466 10.169 10.169 0 0 1 4.517 4.458 19.291 19.291 0 0 1 0 15.315 10.147 10.147 0 0 1-4.517 4.478 15.63 15.63 0 0 1-7.053 1.466Zm5.151-4.4h5.749a9.464 9.464 0 0 0 3.368-.555 6.25 6.25 0 0 0 2.457-1.644 7.2 7.2 0 0 0 1.506-2.734 12.815 12.815 0 0 0 .515-3.823v-.832a12.974 12.974 0 0 0-.515-3.863 7.2 7.2 0 0 0-1.506-2.734 6.256 6.256 0 0 0-2.457-1.645 9.484 9.484 0 0 0-3.368-.555h-5.746Z",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85627",
+    d: "m209.224 123.524 10.58-27.182h6.5l10.62 27.182h-5.587l-2.18-5.785h-12.444l-2.18 5.785Zm9.114-10.144h9.153l-2.734-7.37q-.159-.4-.376-1.011t-.456-1.347q-.237-.733-.475-1.486t-.436-1.347h-.2q-.237.793-.574 1.823t-.654 1.941q-.317.912-.515 1.427Z",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85628",
+    d: "M255.228 124a18.428 18.428 0 0 1-4.319-.5 11.322 11.322 0 0 1-3.645-1.545 7.854 7.854 0 0 1-2.5-2.615 7.23 7.23 0 0 1-.912-3.705q0-.237.02-.475a4.82 4.82 0 0 0 .02-.356h5.191c0 .053-.007.152-.02.3s-.02.271-.02.377a3.448 3.448 0 0 0 .753 2.238 4.69 4.69 0 0 0 2.18 1.426 10.263 10.263 0 0 0 3.368.5 15.048 15.048 0 0 0 2.318-.159 7.919 7.919 0 0 0 1.743-.456 4.226 4.226 0 0 0 1.209-.714 2.564 2.564 0 0 0 .693-.931 2.825 2.825 0 0 0 .218-1.109 2.657 2.657 0 0 0-.713-1.9 5.672 5.672 0 0 0-1.921-1.268 21.362 21.362 0 0 0-2.727-.938l-3.13-.852a28.1 28.1 0 0 1-3.131-1.05 12.846 12.846 0 0 1-2.734-1.486 6.415 6.415 0 0 1-1.922-2.2 6.692 6.692 0 0 1 2.4-8.876 11.235 11.235 0 0 1 3.467-1.387 19.279 19.279 0 0 1 4.319-.456 17.762 17.762 0 0 1 4.1.456 10.468 10.468 0 0 1 3.388 1.426 7.057 7.057 0 0 1 2.3 2.457 7.15 7.15 0 0 1 .832 3.546v.476h-5.119v-.4a2.848 2.848 0 0 0-.693-1.942 4.48 4.48 0 0 0-1.942-1.228 8.828 8.828 0 0 0-2.912-.436 12.03 12.03 0 0 0-3.051.337 4.33 4.33 0 0 0-1.942.991 2.146 2.146 0 0 0-.674 1.6 2.2 2.2 0 0 0 .713 1.664 5.916 5.916 0 0 0 1.922 1.149 23.719 23.719 0 0 0 2.734.872q1.525.4 3.13.852t3.131 1.05a11.792 11.792 0 0 1 2.734 1.486 6.674 6.674 0 0 1 1.922 2.2 6.447 6.447 0 0 1 .713 3.13 7.647 7.647 0 0 1-1.486 4.914 8.3 8.3 0 0 1-4.081 2.707 19.374 19.374 0 0 1-5.924.832",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85629",
+    d: "M276.462 123.525V96.342h5.151v11.053h12.68V96.342h5.151v27.183h-5.151v-11.689h-12.68v11.689Z",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85630",
+    d: "M310.424 123.525V96.342h14.82a8.868 8.868 0 0 1 3.9.832 6.62 6.62 0 0 1 2.714 2.338 6.276 6.276 0 0 1 .99 3.527 6.547 6.547 0 0 1-.594 2.813 6.133 6.133 0 0 1-1.6 2.12 7.068 7.068 0 0 1-2.278 1.288v.158a6.756 6.756 0 0 1 2.694 1.208 6.211 6.211 0 0 1 1.863 2.26 7.044 7.044 0 0 1 .674 3.15 7.321 7.321 0 0 1-1.129 4.2 6.833 6.833 0 0 1-3.011 2.477 10.548 10.548 0 0 1-4.22.812Zm5.151-16.087h8.321a4.188 4.188 0 0 0 2-.436 2.966 2.966 0 0 0 1.228-1.189 3.38 3.38 0 0 0 .416-1.665 3.286 3.286 0 0 0-.931-2.576 3.522 3.522 0 0 0-2.437-.832h-8.6Zm0 11.689h9a3.988 3.988 0 0 0 2.674-.892 3.467 3.467 0 0 0 1.05-2.794 4.13 4.13 0 0 0-.436-1.941 2.99 2.99 0 0 0-1.327-1.288 5.008 5.008 0 0 0-2.278-.455h-8.678Z",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85631",
+    d: "M355.833 124a16.387 16.387 0 0 1-7.33-1.526 10.479 10.479 0 0 1-4.735-4.656 19.778 19.778 0 0 1 0-15.79 10.507 10.507 0 0 1 4.735-4.636 18.421 18.421 0 0 1 14.68 0 10.532 10.532 0 0 1 4.716 4.636 19.776 19.776 0 0 1 0 15.79 10.5 10.5 0 0 1-4.716 4.656 16.356 16.356 0 0 1-7.35 1.526m0-4.359a10.182 10.182 0 0 0 3.625-.594 6.773 6.773 0 0 0 2.635-1.763 7.724 7.724 0 0 0 1.625-2.893 13.012 13.012 0 0 0 .555-3.982v-.871a13.357 13.357 0 0 0-.555-4.042 7.713 7.713 0 0 0-1.625-2.913 6.773 6.773 0 0 0-2.635-1.763 11.359 11.359 0 0 0-7.251 0 6.771 6.771 0 0 0-2.635 1.763 7.5 7.5 0 0 0-1.6 2.913 13.82 13.82 0 0 0-.535 4.042v.871a13.462 13.462 0 0 0 .535 3.982 7.513 7.513 0 0 0 1.6 2.893 6.771 6.771 0 0 0 2.635 1.763 10.177 10.177 0 0 0 3.626.594",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85632",
+    d: "m375.883 123.524 10.58-27.182h6.5l10.62 27.182h-5.59l-2.18-5.785h-12.441l-2.18 5.785Zm9.114-10.144h9.153l-2.734-7.37q-.159-.4-.376-1.011t-.456-1.347q-.237-.733-.475-1.486t-.436-1.347h-.2q-.237.793-.574 1.823t-.654 1.941q-.317.912-.515 1.427Z",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85633",
+    d: "M411.743 123.525V96.342h14.3a10.765 10.765 0 0 1 4.993 1.031 6.787 6.787 0 0 1 2.972 2.932 9.572 9.572 0 0 1 .991 4.478 9.155 9.155 0 0 1-1.189 4.7 7.42 7.42 0 0 1-3.487 3.071l5.627 10.976h-5.627l-4.993-10.1h-8.44v10.1Zm5.151-14.424h8.757a3.963 3.963 0 0 0 3.051-1.149 4.471 4.471 0 0 0 1.07-3.17 4.632 4.632 0 0 0-.475-2.2 3.229 3.229 0 0 0-1.387-1.367 4.847 4.847 0 0 0-2.258-.475h-8.757Z",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85634",
+    d: "M445.105 123.525V96.342h10.9a15.635 15.635 0 0 1 7.053 1.466 10.168 10.168 0 0 1 4.517 4.458 19.29 19.29 0 0 1 0 15.315 10.147 10.147 0 0 1-4.517 4.478 15.63 15.63 0 0 1-7.053 1.466Zm5.151-4.4h5.749a9.463 9.463 0 0 0 3.368-.555 6.249 6.249 0 0 0 2.457-1.644 7.2 7.2 0 0 0 1.506-2.734 12.821 12.821 0 0 0 .515-3.823v-.832a12.98 12.98 0 0 0-.515-3.863 7.2 7.2 0 0 0-1.506-2.734 6.255 6.255 0 0 0-2.457-1.645 9.483 9.483 0 0 0-3.368-.555h-5.746Z",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85635",
+    d: "M298.736 69.382c-1.46-.185-2.924-.339-4.379-.562-14.51-2.219-26.567-12.444-29.9-25.865-3.109-12.515.271-23.357 9.413-32.347A36.178 36.178 0 0 1 295.303.442c11.22-1.4 21.365 1.263 30.139 8.472a32.278 32.278 0 0 1 12.013 20.885c1.691 12.011-2.356 22.049-11.332 30.081a36.907 36.907 0 0 1-20.821 9.146c-.914.107-1.825.239-2.737.36Zm.661-13.273c6.166 0 10.79-1.364 14.94-4.224 11.22-7.735 12.49-22.945 2.7-32.21a24.249 24.249 0 0 0-33.539.638 20.182 20.182 0 0 0-2 26.345 22.566 22.566 0 0 0 17.894 9.452",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85636",
+    d: "M67.262 66.838c-.4.018-.677.041-.954.041H54.125a6.875 6.875 0 0 1-5.814-2.931q-7-9.464-13.975-18.943c-.2-.272-.411-.538-.684-.894-.274.348-.49.61-.691.882Q25.173 55.55 17.4 66.115a1.71 1.71 0 0 1-1.577.787c-4.9-.034-9.8-.018-14.706-.018H0c.283-.416.46-.7.656-.962q11.936-16.186 23.893-32.355a1.277 1.277 0 0 0 .019-1.843Q13.258 16.482 2.013 1.192C1.791.891 1.575.586 1.261.15c.394-.025.66-.056.926-.057C6.248.093 10.309.12 14.37.08a6.838 6.838 0 0 1 5.874 2.962q6.377 8.626 12.742 17.26c.186.251.379.5.649.853.283-.362.51-.641.724-.93q7.2-9.749 14.406-19.489a1.529 1.529 0 0 1 1-.619c5.25-.038 10.5-.026 15.75-.023a4.442 4.442 0 0 1 .466.065c-.231.339-.406.618-.6.883Q54.012 16.459 42.626 31.861a1.081 1.081 0 0 0 0 1.551Q54.7 49.715 66.722 66.05c.166.225.316.461.54.788",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85637",
+    d: "M361.724 40.312h-12.806V3.572a3.26 3.26 0 0 1 3.406-3.473c6.644-.014 13.3-.26 19.929.07 14.1.7 26.371 10.386 29.22 23.885a31.556 31.556 0 0 1 .622 5.935c.059 3.411.08 6.838-.17 10.237a27.082 27.082 0 0 1-7.55 16.76 31.8 31.8 0 0 1-19.958 10.1 49.761 49.761 0 0 1-5.723.312c-5.135.041-10.271.014-15.406.014-3.213 0-4.369-1.139-4.369-4.3V53.97h1.072c7.108 0 14.22.142 21.324-.048a17.474 17.474 0 0 0 15.33-8.974 14.826 14.826 0 0 0 2.041-7.534c.029-2.66.074-5.326-.066-7.98-.307-5.829-3.234-10.138-8.086-13.212a18.46 18.46 0 0 0-9.737-2.767c-2.669-.048-5.339.013-8.007-.038-.834-.016-1.084.228-1.08 1.071.029 8.193.018 16.387.018 24.58v1.244",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85638",
+    d: "M156.307 20.653c0 5.3.065 10.595-.015 15.891-.134 8.915 6.348 15.468 14.214 17.039a20.95 20.95 0 0 0 3.969.369q10.311.054 20.624 0c.753 0 1.006.181 1 .956-.033 3.039.011 6.078 0 9.117a3.272 3.272 0 0 1-3.459 3.363c-7.017 0-14.067.321-21.045-.228-13.943-1.1-25.237-10.888-27.968-23.471a33.52 33.52 0 0 1-.671-6.881c-.064-11.867-.03-23.735-.029-35.6 0-1.116 0-1.116 1.146-1.116 2.872 0 5.743-.007 8.615 0a3.341 3.341 0 0 1 3.618 3.626v16.933",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85639",
+    d: "M256.09 53.971c.092.129.123.152.123.174.006 3.555.081 7.112-.021 10.663-.042 1.45-1.588 2.59-3.339 2.586-7.015-.015-14.062.323-21.037-.232-14.026-1.116-25.2-10.936-28-23.446-.238-1.061-.377-2.145-.571-3.271.309-.023.506-.05.7-.05 4.059 0 8.119.006 12.178-.012a.819.819 0 0 1 .948.719c2.043 6.938 6.808 10.941 13.754 12.491a18.341 18.341 0 0 0 3.88.361c6.785.035 13.57.017 20.355.018h1.025",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85640",
+    d: "M77.17 53.312h55.928v13.351c-.333.015-.643.043-.953.043H81.079c-2.542 0-3.951-1.387-3.957-3.895q-.012-4.254 0-8.508c0-.31.029-.621.048-.992",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85641",
+    d: "M203.156 26.579c.542-2.075.887-4.076 1.583-5.947 3.819-10.271 11.338-16.5 21.742-19.452a30.013 30.013 0 0 1 8.325-1.094c5.886.018 11.773 0 17.659.007 2.613 0 3.834 1.231 3.828 3.815-.007 2.807-.031 5.614.015 8.42.014.847-.186 1.136-1.1 1.13-6.669-.042-13.339-.021-20.008-.023a18.977 18.977 0 0 0-13.093 4.711 15.949 15.949 0 0 0-4.887 7.65.972.972 0 0 1-1.114.864c-3.943-.038-7.887-.018-11.831-.02-.257 0-.514-.025-1.119-.057",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85642",
+    d: "M129.906.083v13.354H78.255c-1.131 0-1.133 0-1.134-1.137 0-2.75.085-5.5-.026-8.249a3.732 3.732 0 0 1 3.958-4c15.955.058 31.91.031 47.865.031Z",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85643",
+    d: "M413.203 13.375c-.018-.281-.041-.48-.041-.677 0-2.982-.014-5.963 0-8.944a3.486 3.486 0 0 1 3.662-3.666q24.149-.012 48.3 0c.255 0 .511.031.828.052v13.235Z",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Rectangle 22452",
+    fill: "#5d5d5c",
+    d: "M413.53 26.928h39.339v13.296H413.53z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 85644",
+    d: "M413.194 53.292h55.933v13.351c-.333.015-.644.043-.954.043h-51.065c-2.543 0-3.951-1.387-3.958-3.895q-.012-4.254 0-8.508c0-.31.029-.621.048-.992",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Rectangle 22453",
+    fill: "none",
+    d: "M0 0h469.159v124H0z"
+  }))));
+};
+
+var StyledLogoWrapper = styled(Box)(function (_a) {
+    return ({
+        'svg': {
+            width: '103px',
+            '@media (min-width:720px)': {
+                width: '154px',
+            },
+            '@media (min-width:1020px)': {
+                width: '112px',
+            },
+        },
+        '&.red-navy': {
+            '#color-1': {
+                'rect, path': {
+                    // fill: theme.mainPallete.primary[color],
+                    fill: theme.mainPallete.primary.blue,
+                }
+            },
+            '#color-2': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.red,
+                }
+            },
+        },
+        '&.red': {
+            '#color-1': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.red,
+                }
+            },
+            '#color-2': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.red,
+                }
+            },
+        },
+        '&.blue': {
+            '#color-1': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.blue,
+                }
+            },
+            '#color-2': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.blue,
+                }
+            },
+        },
+        '&.gray': {
+            '#color-1': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.grey,
+                }
+            },
+            '#color-2': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.grey,
+                }
+            },
+        },
+        '&.white': {
+            '#color-1': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.white,
+                }
+            },
+            '#color-2': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.white,
+                }
+            },
+        }
+    });
+});
+// @ts-ignore
+var Logo = function (_a) {
+    var logoName = _a.logoName, color = _a.color, props = __rest(_a, ["logoName", "color"]);
+    return (jsxRuntime.exports.jsxs(StyledLogoWrapper, __assign({ className: color, color: color }, props, { children: [logoName === 'logo_xelcode' && jsxRuntime.exports.jsx(SvgLogoXelcode, {}), logoName === 'logo_xelcode_dashboard' && jsxRuntime.exports.jsx(SvgLogoXelcodeDashboard, {})] })));
+};
+
+var StyledBottomBarWrapper = styled(Box)(function (_a) {
+    return ({
+        boxSizing: 'border-box',
+        width: '100%',
+        height: '80px',
+        backgroundColor: theme.mainPallete.primary.white,
+        boxShadow: '0 -3px 6px rgba(0,0,0,0.1)',
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        padding: '0 18px',
+        position: 'fixed',
+        bottom: 0,
+        left: 0,
+        zIndex: 5,
+        'button': {
+            marginLeft: 10,
+            '&:first-child': {
+                marginLeft: 0,
+            }
+        },
+    });
+});
+// @ts-ignore
+var BottomBarComponent = function (_a) {
+    var buttons = _a.buttons, props = __rest(_a, ["buttons"]);
+    return (jsxRuntime.exports.jsx(StyledBottomBarWrapper, __assign({}, props, { children: buttons.map(function (item) {
+            var disabled = (item === null || item === void 0 ? void 0 : item.disabled) || false;
+            var fluid = (item === null || item === void 0 ? void 0 : item.fluid) || true;
+            var onClick = (item === null || item === void 0 ? void 0 : item.onClick) || '';
+            var type = (item === null || item === void 0 ? void 0 : item.type) || 'primary';
+            var text = (item === null || item === void 0 ? void 0 : item.text) || '';
+            var color = (item === null || item === void 0 ? void 0 : item.color) || 'navy-blue';
+            var size = (item === null || item === void 0 ? void 0 : item.size) || 'small';
+            return (jsxRuntime.exports.jsx(CustomButtonComponent, { disabled: disabled, fluid: fluid, onClick: onClick && typeof onClick === "function" ? onClick : null, type: type, text: text, color: color, size: size, resolution: undefined, width: undefined, forwardedRef: undefined }));
+        }) })));
+};
+
+var StyledInfoBar = styled('div')(function (_a) { return ({
+    bottom: 0,
+    position: 'fixed',
+    display: 'flex',
+    flexDirection: 'column',
+    width: '100%',
+    zIndex: 100,
+}); });
+var StyledInfoRow = styled('div')(function (_a) {
+    var noLogo = _a.noLogo;
+    return ({
+        boxSizing: 'border-box',
+        display: 'grid',
+        gridTemplateColumns: noLogo ? '1fr 1fr' : '1fr 1fr 1fr',
+        width: '100%',
+        backgroundColor: theme.mainPallete.primary.white,
+        'div, a': {
+            display: 'flex',
+            alignItems: 'center'
+        },
+        'a': {
+            justifyContent: 'center',
+        },
+        'div:nth-of-type(2)': {
+            justifyContent: 'end'
+        },
+    });
+});
+// @ts-ignore
+var BottomInfoBar = function (_a) {
+    var _b = _a.noLogo, noLogo = _b === void 0 ? false : _b, _c = _a.leftText, leftText = _c === void 0 ? 'left' : _c, _d = _a.rightText, rightText = _d === void 0 ? 'right' : _d, onRightTextClick = _a.onRightTextClick;
+    return (jsxRuntime.exports.jsx(StyledInfoBar, { children: jsxRuntime.exports.jsxs(StyledInfoRow, __assign({ noLogo: noLogo }, { children: [jsxRuntime.exports.jsx("div", { children: jsxRuntime.exports.jsx(CustomButtonComponent, { type: "ghost", text: leftText, color: "grey", disabled: true }) }), !noLogo && (jsxRuntime.exports.jsx("a", __assign({ href: "https://xelcode.com/", target: "_blank" }, { children: jsxRuntime.exports.jsx(Logo, { logoName: "logo_xelcode" }) }))), jsxRuntime.exports.jsx("div", { children: jsxRuntime.exports.jsx(CustomButtonComponent, { type: "ghost", text: rightText, color: "red", onClick: function () { return onRightTextClick && typeof onRightTextClick === "function" ? onRightTextClick() : null; } }) })] })) }));
+};
+BottomInfoBar.propTypes = {
+    noLogo: propTypes.exports.bool,
+    leftText: propTypes.exports.string,
+    rightText: propTypes.exports.string,
+    onRightTextClick: propTypes.exports.func,
+};
+
 exports.AppTile = AppTileComponent;
+exports.BottomBar = BottomBarComponent;
+exports.BottomInfoBar = BottomInfoBar;
 exports.Button = CustomButtonComponent;
 exports.Icon = Icon;
 exports.Illustration = Illustration;
+exports.Logo = Logo;
 exports.Typography = TypographyComponent;
 //# sourceMappingURL=index.js.map