@xelto.npm/xc2-lib 0.0.24 → 0.0.26

package/dist/esm/index.js

@@ -1359,8 +1359,8 @@ function requireReactJsxRuntime_development () {
 	}
 } (jsxRuntime));
 
-function _extends$t() {
-  _extends$t = Object.assign ? Object.assign.bind() : function (target) {
+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) {
@@ -1371,7 +1371,7 @@ function _extends$t() {
     }
     return target;
   };
-  return _extends$t.apply(this, arguments);
+  return _extends$19.apply(this, arguments);
 }
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -1387,7 +1387,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _extends$s = {exports: {}};
+var _extends$18 = {exports: {}};
 
 (function (module) {
 	function _extends() {
@@ -1405,7 +1405,7 @@ var _extends$s = {exports: {}};
 	  return _extends.apply(this, arguments);
 	}
 	module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (_extends$s));
+} (_extends$18));
 
 function memoize$1(fn) {
   var cache = Object.create(null);
@@ -3805,7 +3805,7 @@ var createStyled$1 = function createStyled(tag, options) {
     });
 
     Styled.withComponent = function (nextTag, nextOptions) {
-      return createStyled(nextTag, _extends$t({}, options, nextOptions, {
+      return createStyled(nextTag, _extends$19({}, options, nextOptions, {
         shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
       })).apply(void 0, styles);
     };
@@ -4840,7 +4840,7 @@ function isPlainObject(item) {
 function deepmerge(target, source, options = {
   clone: true
 }) {
-  const output = options.clone ? _extends$t({}, target) : target;
+  const output = options.clone ? _extends$19({}, target) : target;
   if (isPlainObject(target) && isPlainObject(source)) {
     Object.keys(source).forEach(key => {
       // Avoid prototype pollution
@@ -4946,7 +4946,7 @@ function exactProp(propTypes) {
   if (process.env.NODE_ENV === 'production') {
     return propTypes;
   }
-  return _extends$t({}, propTypes, {
+  return _extends$19({}, propTypes, {
     [specialProperty]: props => {
       const unsupportedProps = Object.keys(props).filter(prop => !propTypes.hasOwnProperty(prop));
       if (unsupportedProps.length > 0) {
@@ -5574,7 +5574,7 @@ process.env.NODE_ENV === 'production' ? validatorNoop : validator;
  * @returns {object} resolved props
  */
 function resolveProps(defaultProps, props) {
-  const output = _extends$t({}, props);
+  const output = _extends$19({}, props);
   Object.keys(defaultProps).forEach(propName => {
     if (output[propName] === undefined) {
       output[propName] = defaultProps[propName];
@@ -6502,12 +6502,12 @@ function extendSxProp(props) {
       if (!isPlainObject(result)) {
         return systemProps;
       }
-      return _extends$t({}, systemProps, result);
+      return _extends$19({}, systemProps, result);
     };
   } else {
-    finalSx = _extends$t({}, systemProps, inSx);
+    finalSx = _extends$19({}, systemProps, inSx);
   }
-  return _extends$t({}, otherProps, {
+  return _extends$19({}, otherProps, {
     sx: finalSx
   });
 }
@@ -6523,7 +6523,7 @@ const sortBreakpointsValues = values => {
   // Sort in ascending order
   breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);
   return breakpointsAsArray.reduce((acc, obj) => {
-    return _extends$t({}, acc, {
+    return _extends$19({}, acc, {
       [obj.key]: obj.val
     });
   }, {});
@@ -6581,7 +6581,7 @@ function createBreakpoints(breakpoints) {
     }
     return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
   }
-  return _extends$t({
+  return _extends$19({
     keys,
     values: sortedValues,
     up,
@@ -6643,11 +6643,11 @@ function createTheme$1(options = {}, ...args) {
     direction: 'ltr',
     components: {},
     // Inject component definitions.
-    palette: _extends$t({
+    palette: _extends$19({
       mode: 'light'
     }, paletteInput),
     spacing,
-    shape: _extends$t({}, shape, shapeInput)
+    shape: _extends$19({}, shape, shapeInput)
   }, other);
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
   return muiTheme;
@@ -6681,7 +6681,7 @@ function mergeOuterLocalTheme(outerTheme, localTheme) {
     }
     return mergedTheme;
   }
-  return _extends$t({}, outerTheme, localTheme);
+  return _extends$19({}, outerTheme, localTheme);
 }
 
 /**
@@ -6758,7 +6758,7 @@ function createBox(options = {}) {
         component = 'div'
       } = _extendSxProp,
       other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$f);
-    return /*#__PURE__*/jsxRuntime.exports.jsx(BoxRoot, _extends$t({
+    return /*#__PURE__*/jsxRuntime.exports.jsx(BoxRoot, _extends$19({
       as: component,
       ref: ref,
       className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
@@ -6888,7 +6888,7 @@ function createStyled(input = {}) {
   } = input;
   const systemSx = props => {
     const theme = isEmpty(props.theme) ? defaultTheme : props.theme;
-    return styleFunctionSx$1(_extends$t({}, props, {
+    return styleFunctionSx$1(_extends$19({}, props, {
       theme
     }));
   };
@@ -6924,7 +6924,7 @@ function createStyled(input = {}) {
       // for string (html) tag, preserve the behavior in emotion & styled-components.
       shouldForwardPropOption = undefined;
     }
-    const defaultStyledResolver = styled$2(tag, _extends$t({
+    const defaultStyledResolver = styled$2(tag, _extends$19({
       shouldForwardProp: shouldForwardPropOption,
       label
     }, options));
@@ -6938,7 +6938,7 @@ function createStyled(input = {}) {
               theme: themeInput
             } = _ref,
             other = _objectWithoutPropertiesLoose(_ref, _excluded2$1);
-          return stylesArg(_extends$t({
+          return stylesArg(_extends$19({
             theme: isEmpty(themeInput) ? defaultTheme : themeInput
           }, other));
         } : stylesArg;
@@ -6951,7 +6951,7 @@ function createStyled(input = {}) {
           if (styleOverrides) {
             const resolvedStyleOverrides = {};
             Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {
-              resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_extends$t({}, props, {
+              resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_extends$19({}, props, {
                 theme
               })) : slotStyle;
             });
@@ -6986,7 +6986,7 @@ function createStyled(input = {}) {
               theme: themeInput
             } = _ref2,
             other = _objectWithoutPropertiesLoose(_ref2, _excluded3);
-          return styleArg(_extends$t({
+          return styleArg(_extends$19({
             theme: isEmpty(themeInput) ? defaultTheme : themeInput
           }, other));
         };
@@ -7635,7 +7635,7 @@ function useCurrentColorScheme(options) {
       } catch (e) {
         // Unsupported
       }
-      return _extends$t({}, currentState, {
+      return _extends$19({}, currentState, {
         mode: newMode,
         systemMode: getSystemMode(newMode)
       });
@@ -7650,7 +7650,7 @@ function useCurrentColorScheme(options) {
         } catch (e) {
           // Unsupported
         }
-        return _extends$t({}, currentState, {
+        return _extends$19({}, currentState, {
           lightColorScheme: defaultLightColorScheme,
           darkColorScheme: defaultDarkColorScheme
         });
@@ -7660,7 +7660,7 @@ function useCurrentColorScheme(options) {
         console.error(`\`${value}\` does not exist in \`theme.colorSchemes\`.`);
       } else {
         setState(currentState => {
-          const newState = _extends$t({}, currentState);
+          const newState = _extends$19({}, currentState);
           processState(currentState, mode => {
             try {
               localStorage.setItem(`${colorSchemeStorageKey}-${mode}`, value);
@@ -7679,7 +7679,7 @@ function useCurrentColorScheme(options) {
       }
     } else {
       setState(currentState => {
-        const newState = _extends$t({}, currentState);
+        const newState = _extends$19({}, currentState);
         const newLightColorScheme = value.light === null ? defaultLightColorScheme : value.light;
         const newDarkColorScheme = value.dark === null ? defaultDarkColorScheme : value.dark;
         if (newLightColorScheme) {
@@ -7712,7 +7712,7 @@ function useCurrentColorScheme(options) {
   }, [joinedColorSchemes, colorSchemeStorageKey, defaultLightColorScheme, defaultDarkColorScheme]);
   const handleMediaQuery = React.useCallback(e => {
     if (state.mode === 'system') {
-      setState(currentState => _extends$t({}, currentState, {
+      setState(currentState => _extends$19({}, currentState, {
         systemMode: e != null && e.matches ? 'dark' : 'light'
       }));
     }
@@ -7761,7 +7761,7 @@ function useCurrentColorScheme(options) {
     }
     return undefined;
   }, [setColorScheme, setMode, modeStorageKey, colorSchemeStorageKey, joinedColorSchemes, defaultMode, storageWindow]);
-  return _extends$t({}, state, {
+  return _extends$19({}, state, {
     colorScheme,
     setMode,
     setColorScheme
@@ -7881,7 +7881,7 @@ function createCssVarsProvider(options) {
     });
 
     // 3. Start composing the theme object
-    const theme = _extends$t({}, restThemeProp, {
+    const theme = _extends$19({}, restThemeProp, {
       components,
       colorSchemes,
       cssVarPrefix,
@@ -7908,7 +7908,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$t({}, theme[schemeKey], scheme[schemeKey]);
+            theme[schemeKey] = _extends$19({}, theme[schemeKey], scheme[schemeKey]);
           } else {
             theme[schemeKey] = scheme[schemeKey];
           }
@@ -8080,7 +8080,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$t({
+  const getInitColorSchemeScript$1 = params => getInitColorSchemeScript(_extends$19({
     attribute: defaultAttribute,
     colorSchemeStorageKey: defaultColorSchemeStorageKey,
     defaultMode: designSystemMode,
@@ -8160,7 +8160,7 @@ function createContainer(options = {}) {
   const ContainerRoot = createStyledComponent(({
     theme,
     ownerState
-  }) => _extends$t({
+  }) => _extends$19({
     width: '100%',
     marginLeft: 'auto',
     boxSizing: 'border-box',
@@ -8190,7 +8190,7 @@ function createContainer(options = {}) {
   }, {}), ({
     theme,
     ownerState
-  }) => _extends$t({}, ownerState.maxWidth === 'xs' && {
+  }) => _extends$19({}, 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
@@ -8215,7 +8215,7 @@ function createContainer(options = {}) {
         maxWidth = 'lg'
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded$b);
-    const ownerState = _extends$t({}, props, {
+    const ownerState = _extends$19({}, props, {
       component,
       disableGutters,
       fixed,
@@ -8227,7 +8227,7 @@ function createContainer(options = {}) {
     return (
       /*#__PURE__*/
       // @ts-ignore theme is injected by the styled util
-      jsxRuntime.exports.jsx(ContainerRoot, _extends$t({
+      jsxRuntime.exports.jsx(ContainerRoot, _extends$19({
         as: component
         // @ts-ignore module augmentation fails if custom breakpoints are used
         ,
@@ -8472,10 +8472,10 @@ const generateGridDirectionStyles = ({
 const generateGridStyles = ({
   ownerState
 }) => {
-  return _extends$t({
+  return _extends$19({
     minWidth: 0,
     boxSizing: 'border-box'
-  }, ownerState.container ? _extends$t({
+  }, ownerState.container ? _extends$19({
     display: 'flex',
     flexWrap: 'wrap'
   }, ownerState.wrap && ownerState.wrap !== 'wrap' && {
@@ -8484,14 +8484,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$t({
+  }, ownerState.nested ? _extends$19({
     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$t({
+  }) : _extends$19({
     padding: `calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2)`
   }, ownerState.disableEqualOverflow && {
     padding: `calc(var(--Grid-rowSpacing)) 0px 0px calc(var(--Grid-columnSpacing))`
@@ -8618,7 +8618,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$t({}, props, {
+    const ownerState = _extends$19({}, props, {
       nested,
       columns,
       container,
@@ -8635,7 +8635,7 @@ function createGrid(options = {}) {
     });
 
     const classes = useUtilityClasses(ownerState, theme);
-    let result = /*#__PURE__*/jsxRuntime.exports.jsx(GridRoot, _extends$t({
+    let result = /*#__PURE__*/jsxRuntime.exports.jsx(GridRoot, _extends$19({
       ref: ref,
       as: component,
       ownerState: ownerState,
@@ -8895,7 +8895,7 @@ const style = ({
   ownerState,
   theme
 }) => {
-  let styles = _extends$t({
+  let styles = _extends$19({
     display: 'flex',
     flexDirection: 'column'
   }, handleBreakpoints({
@@ -8977,7 +8977,7 @@ function createStack(options = {}) {
       spacing
     };
     const classes = useUtilityClasses();
-    return /*#__PURE__*/jsxRuntime.exports.jsx(StackRoot, _extends$t({
+    return /*#__PURE__*/jsxRuntime.exports.jsx(StackRoot, _extends$19({
       as: component,
       ownerState: ownerState,
       ref: ref,
@@ -9041,7 +9041,7 @@ process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ =
 generateUtilityClasses('MuiStack', ['root']);
 
 function createMixins(breakpoints, mixins) {
-  return _extends$t({
+  return _extends$19({
     toolbar: {
       minHeight: 56,
       [breakpoints.up('xs')]: {
@@ -9377,7 +9377,7 @@ function createPalette(palette) {
     lightShade = 300,
     darkShade = 700
   }) => {
-    color = _extends$t({}, color);
+    color = _extends$19({}, color);
     if (!color.main && color[mainShade]) {
       color.main = color[mainShade];
     }
@@ -9417,9 +9417,9 @@ const theme2 = createTheme({ palette: {
       console.error(`MUI: The palette mode \`${mode}\` is not supported.`);
     }
   }
-  const paletteOutput = deepmerge(_extends$t({
+  const paletteOutput = deepmerge(_extends$19({
     // A collection of common colors.
-    common: _extends$t({}, common),
+    common: _extends$19({}, common),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode,
@@ -9515,7 +9515,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$t({
+  const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$19({
     fontFamily,
     fontWeight,
     fontSize: pxToRem(size),
@@ -9539,7 +9539,7 @@ function createTypography(palette, typography) {
     caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
     overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
   };
-  return deepmerge(_extends$t({
+  return deepmerge(_extends$19({
     htmlFontSize,
     pxToRem,
     fontFamily,
@@ -9606,8 +9606,8 @@ function getAutoHeightDuration(height) {
   return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);
 }
 function createTransitions(inputTransitions) {
-  const mergedEasing = _extends$t({}, easing, inputTransitions.easing);
-  const mergedDuration = _extends$t({}, duration, inputTransitions.duration);
+  const mergedEasing = _extends$19({}, easing, inputTransitions.easing);
+  const mergedDuration = _extends$19({}, duration, inputTransitions.duration);
   const create = (props = ['all'], options = {}) => {
     const {
         duration: durationOption = mergedDuration.standard,
@@ -9638,7 +9638,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$t({
+  return _extends$19({
     getAutoHeightDuration,
     create
   }, inputTransitions, {
@@ -9682,7 +9682,7 @@ Please use another name.` : formatMuiErrorMessage(18));
     shadows: shadows.slice(),
     typography: createTypography(palette, typographyInput),
     transitions: createTransitions(transitionsInput),
-    zIndex: _extends$t({}, zIndex)
+    zIndex: _extends$19({}, zIndex)
   });
   muiTheme = deepmerge(muiTheme, other);
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
@@ -9786,7 +9786,7 @@ function extendTheme(options = {}, ...args) {
     } = options,
     input = _objectWithoutPropertiesLoose(options, _excluded$4);
   const getCssVar = createGetCssVar(cssVarPrefix);
-  const _createThemeWithoutVa = createTheme(_extends$t({}, input, colorSchemesInput.light && {
+  const _createThemeWithoutVa = createTheme(_extends$19({}, input, colorSchemesInput.light && {
       palette: (_colorSchemesInput$li = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li.palette
     })),
     {
@@ -9796,17 +9796,17 @@ function extendTheme(options = {}, ...args) {
   const {
     palette: darkPalette
   } = createTheme({
-    palette: _extends$t({
+    palette: _extends$19({
       mode: 'dark'
     }, (_colorSchemesInput$da = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da.palette)
   });
-  let theme = _extends$t({}, muiTheme, {
+  let theme = _extends$19({}, muiTheme, {
     cssVarPrefix,
     getCssVar,
-    colorSchemes: _extends$t({}, colorSchemesInput, {
-      light: _extends$t({}, colorSchemesInput.light, {
+    colorSchemes: _extends$19({}, colorSchemesInput, {
+      light: _extends$19({}, colorSchemesInput.light, {
         palette: lightPalette,
-        opacity: _extends$t({
+        opacity: _extends$19({
           inputPlaceholder: 0.42,
           inputUnderline: 0.42,
           switchTrackDisabled: 0.12,
@@ -9814,9 +9814,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$t({}, colorSchemesInput.dark, {
+      dark: _extends$19({}, colorSchemesInput.dark, {
         palette: darkPalette,
-        opacity: _extends$t({
+        opacity: _extends$19({
           inputPlaceholder: 0.5,
           inputUnderline: 0.7,
           switchTrackDisabled: 0.2,
@@ -10024,7 +10024,7 @@ createCssVarsProvider({
     dark: 'dark'
   },
   resolveTheme: theme => {
-    const newTheme = _extends$t({}, theme, {
+    const newTheme = _extends$19({}, theme, {
       typography: createTypography(theme.palette, theme.typography)
     });
     return newTheme;
@@ -10129,7 +10129,7 @@ const TypographyRoot = styled('span', {
 })(({
   theme,
   ownerState
-}) => _extends$t({
+}) => _extends$19({
   margin: 0
 }, ownerState.variant && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {
   textAlign: ownerState.align
@@ -10173,7 +10173,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
     name: 'MuiTypography'
   });
   const color = transformDeprecatedColors(themeProps.color);
-  const props = extendSxProp(_extends$t({}, themeProps, {
+  const props = extendSxProp(_extends$19({}, themeProps, {
     color
   }));
   const {
@@ -10187,7 +10187,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
       variantMapping = defaultVariantMapping
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded$3);
-  const ownerState = _extends$t({}, props, {
+  const ownerState = _extends$19({}, props, {
     align,
     color,
     className,
@@ -10200,7 +10200,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
   });
   const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
   const classes = useUtilityClasses$2(ownerState);
-  return /*#__PURE__*/jsxRuntime.exports.jsx(TypographyRoot, _extends$t({
+  return /*#__PURE__*/jsxRuntime.exports.jsx(TypographyRoot, _extends$19({
     as: Component,
     ref: ref,
     ownerState: ownerState,
@@ -11476,7 +11476,7 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
         _this$props.classNames;
         var props = _objectWithoutPropertiesLoose(_this$props, ["classNames"]);
 
-    return /*#__PURE__*/React__default.createElement(Transition, _extends$t({}, props, {
+    return /*#__PURE__*/React__default.createElement(Transition, _extends$19({}, props, {
       onEnter: this.onEnter,
       onEntered: this.onEntered,
       onEntering: this.onEntering,
@@ -11492,7 +11492,7 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
 CSSTransition.defaultProps = {
   classNames: ''
 };
-CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$t({}, Transition.propTypes, {
+CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$19({}, 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
@@ -11854,7 +11854,7 @@ var TransitionGroup = /*#__PURE__*/function (_React$Component) {
 
     if (this.mounted) {
       this.setState(function (state) {
-        var children = _extends$t({}, state.children);
+        var children = _extends$19({}, state.children);
 
         delete children[child.key];
         return {
@@ -12706,7 +12706,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
     start,
     stop
   }), [pulsate, start, stop]);
-  return /*#__PURE__*/jsxRuntime.exports.jsx(TouchRippleRoot, _extends$t({
+  return /*#__PURE__*/jsxRuntime.exports.jsx(TouchRippleRoot, _extends$19({
     className: clsx(touchRippleClasses.root, classes.root, className),
     ref: container
   }, other, {
@@ -12998,7 +12998,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
       }
     }, [enableTouchRipple]);
   }
-  const ownerState = _extends$t({}, props, {
+  const ownerState = _extends$19({}, props, {
     centerRipple,
     component,
     disabled,
@@ -13009,7 +13009,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     focusVisible
   });
   const classes = useUtilityClasses$1(ownerState);
-  return /*#__PURE__*/jsxRuntime.exports.jsxs(ButtonBaseRoot, _extends$t({
+  return /*#__PURE__*/jsxRuntime.exports.jsxs(ButtonBaseRoot, _extends$19({
     as: ComponentProp,
     className: clsx(classes.root, className),
     ownerState: ownerState,
@@ -13033,7 +13033,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     children: [children, enableTouchRipple ?
     /*#__PURE__*/
     /* TouchRipple is only needed client-side, x2 boost on the server. */
-    jsxRuntime.exports.jsx(TouchRipple, _extends$t({
+    jsxRuntime.exports.jsx(TouchRipple, _extends$19({
       ref: handleRippleRef,
       center: centerRipple
     }, TouchRippleProps)) : null]
@@ -13228,9 +13228,9 @@ const useUtilityClasses = ownerState => {
     endIcon: ['endIcon', `iconSize${capitalize(size)}`]
   };
   const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
-  return _extends$t({}, classes, composedClasses);
+  return _extends$19({}, classes, composedClasses);
 };
-const commonIconStyles = ownerState => _extends$t({}, ownerState.size === 'small' && {
+const commonIconStyles = ownerState => _extends$19({}, ownerState.size === 'small' && {
   '& > *:nth-of-type(1)': {
     fontSize: 18
   }
@@ -13258,14 +13258,14 @@ const ButtonRoot = styled(ButtonBase, {
   ownerState
 }) => {
   var _theme$palette$getCon, _theme$palette;
-  return _extends$t({}, theme.typography.button, {
+  return _extends$19({}, 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$t({
+    '&:hover': _extends$19({
       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
@@ -13300,13 +13300,13 @@ const ButtonRoot = styled(ButtonBase, {
         backgroundColor: (theme.vars || theme).palette[ownerState.color].main
       }
     }),
-    '&:active': _extends$t({}, ownerState.variant === 'contained' && {
+    '&:active': _extends$19({}, ownerState.variant === 'contained' && {
       boxShadow: (theme.vars || theme).shadows[8]
     }),
-    [`&.${buttonClasses.focusVisible}`]: _extends$t({}, ownerState.variant === 'contained' && {
+    [`&.${buttonClasses.focusVisible}`]: _extends$19({}, ownerState.variant === 'contained' && {
       boxShadow: (theme.vars || theme).shadows[6]
     }),
-    [`&.${buttonClasses.disabled}`]: _extends$t({
+    [`&.${buttonClasses.disabled}`]: _extends$19({
       color: (theme.vars || theme).palette.action.disabled
     }, ownerState.variant === 'outlined' && {
       border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
@@ -13388,7 +13388,7 @@ const ButtonStartIcon = styled('span', {
   }
 })(({
   ownerState
-}) => _extends$t({
+}) => _extends$19({
   display: 'inherit',
   marginRight: 8,
   marginLeft: -4
@@ -13406,7 +13406,7 @@ const ButtonEndIcon = styled('span', {
   }
 })(({
   ownerState
-}) => _extends$t({
+}) => _extends$19({
   display: 'inherit',
   marginRight: -4,
   marginLeft: 8
@@ -13438,7 +13438,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
       variant = 'text'
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends$t({}, props, {
+  const ownerState = _extends$19({}, props, {
     color,
     component,
     disabled,
@@ -13460,7 +13460,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     ownerState: ownerState,
     children: endIconProp
   });
-  return /*#__PURE__*/jsxRuntime.exports.jsxs(ButtonRoot, _extends$t({
+  return /*#__PURE__*/jsxRuntime.exports.jsxs(ButtonRoot, _extends$19({
     ownerState: ownerState,
     className: clsx(contextProps.className, classes.root, className),
     component: component,
@@ -13807,14 +13807,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$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 _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 SvgIluAvailabilityByItem = function SvgIluAvailabilityByItem(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$r({
+  return /*#__PURE__*/React.createElement("svg", _extends$17({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _g$p || (_g$p = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$W || (_g$W = /*#__PURE__*/React.createElement("g", {
     "data-name": "ilu_availability-by-item_1"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "ilu_availability-by-item_3"
@@ -14764,21 +14764,21 @@ var SvgIluAvailabilityByItem = function SvgIluAvailabilityByItem(props) {
   }))));
 };
 
-var _defs$m, _g$o, _g2$9, _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$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 SvgIluAddGoodsToPallet = function SvgIluAddGoodsToPallet(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$q({
+  return /*#__PURE__*/React.createElement("svg", _extends$16({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$m || (_defs$m = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$p || (_defs$p = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_add-goods-to-pallet_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84842",
     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$o || (_g$o = /*#__PURE__*/React.createElement("g", {
+  })))), _g$V || (_g$V = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44661"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84837",
@@ -14788,7 +14788,7 @@ var SvgIluAddGoodsToPallet = function SvgIluAddGoodsToPallet(props) {
     "data-name": "Path 84838",
     d: "M143.864 127.282c-.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.094q-1.672 1.64-3.445 3.161a76.268 76.268 0 0 1-12.688 8.831 78.681 78.681 0 0 1-14.519 6.229 80.444 80.444 0 0 1-16.57 3.348q-3.839.369-7.785.369a78.566 78.566 0 0 1-55.017-21.927v-.008q-1.055-1.023-2.06-2.094a71.597 71.597 0 0 1-3.119-3.522Z",
     fill: "#cbcbcb"
-  }))), _g2$9 || (_g2$9 = /*#__PURE__*/React.createElement("g", {
+  }))), _g2$a || (_g2$a = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44674"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44673",
@@ -15001,28 +15001,28 @@ var SvgIluAddGoodsToPallet = function SvgIluAddGoodsToPallet(props) {
     "data-name": "Rectangle 21223",
     fill: "#e42127",
     d: "M103.313 101.233v13.906h-3.459v-13.906z"
-  })))), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
+  })))), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21224",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$l, _g$n, _path$n;
-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$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 SvgIluAvailabilityByIndex = function SvgIluAvailabilityByIndex(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$p({
+  return /*#__PURE__*/React.createElement("svg", _extends$15({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$l || (_defs$l = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$o || (_defs$o = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_availability-by-index_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85163",
     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$n || (_g$n = /*#__PURE__*/React.createElement("g", {
+  })))), _g$U || (_g$U = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46266",
     clipPath: "url(#ilu_availability-by-index_svg__a)",
     transform: "translate(7.637 13.141)"
@@ -15787,27 +15787,27 @@ var SvgIluAvailabilityByIndex = function SvgIluAvailabilityByIndex(props) {
     "data-name": "Rectangle 21792",
     fill: "#5d5d5c",
     d: "M108.08 85.336h2.119v3.459h-2.119z"
-  }))))), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
+  }))))), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21793",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _g$m, _g2$8, _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$m;
-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$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 SvgIluAvailabilityByLocation = function SvgIluAvailabilityByLocation(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$o({
+  return /*#__PURE__*/React.createElement("svg", _extends$14({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _g$m || (_g$m = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$T || (_g$T = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 45606"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85086",
     d: "M163.032 83.974c0 .687-.009 1.371-.03 2.054a66.079 66.079 0 0 1-1.306 11.287c-.189.945-.4 1.882-.627 2.81a56.813 56.813 0 0 1-.834 3.072q-.644 2.2-1.444 4.327c-.026.073-.052.142-.077.215a66.134 66.134 0 0 1-1.375 3.373s0 .013-.009.026c-.095.211-.185.417-.279.623a69.674 69.674 0 0 1-4.138 7.82 70.88 70.88 0 0 1-5.139 7.3l-.052.064c-.219.266-.438.537-.657.8-.034.043-.069.082-.1.125-.163.2-.331.4-.5.593l-.292.344c-.193.228-.391.46-.593.687q-.87.993-1.779 1.946a69.675 69.675 0 0 1-2.088 2.123q-1.7 1.663-3.493 3.205a77.327 77.327 0 0 1-12.864 8.954 79.773 79.773 0 0 1-14.72 6.316 81.565 81.565 0 0 1-16.8 3.394q-3.893.374-7.893.374a79.659 79.659 0 0 1-55.78-22.235v-.009q-1.07-1.038-2.088-2.123a70.579 70.579 0 0 1-3.162-3.571c-.026-.034-.056-.064-.082-.1l-.021-.026a72.081 72.081 0 0 1-5.843-8.168A67.813 67.813 0 0 1 8.878 86.025a53.944 53.944 0 0 1-.034-2.054c0-.571.009-1.139.021-1.706a66.657 66.657 0 0 1 1.066-10.376 69.451 69.451 0 0 1 16.802-33.941q1.74-1.934 3.618-3.755a79.681 79.681 0 0 1 55.586-22.055 79.673 79.673 0 0 1 55.582 22.055q1.875 1.817 3.618 3.755a71.286 71.286 0 0 1 11.209 16.727 68.016 68.016 0 0 1 2.685 6.4c.082.228.163.455.241.683.2.554.382 1.117.563 1.676a67.355 67.355 0 0 1 3.162 18.4c0 .142.009.284.013.43v.253c.018.486.022.972.022 1.457Z",
     fill: "#dfdfdf"
-  }))), _g2$8 || (_g2$8 = /*#__PURE__*/React.createElement("g", {
+  }))), _g2$9 || (_g2$9 = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 45607"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21670",
@@ -16602,21 +16602,21 @@ var SvgIluAvailabilityByLocation = function SvgIluAvailabilityByLocation(props)
     "data-name": "Rectangle 21693",
     fill: "#b7b7b7",
     d: "M132.487 131.44h.43v9.642h-.43z"
-  }))), _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
+  }))), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21694",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$k, _g$l, _path$l;
-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$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 SvgIluBlockedPallet = function SvgIluBlockedPallet(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$n({
+  return /*#__PURE__*/React.createElement("svg", _extends$13({
     xmlns: "http://www.w3.org/2000/svg",
     width: 138,
     height: 138
-  }, props), _defs$k || (_defs$k = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$n || (_defs$n = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_blocked-pallet_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 22236",
@@ -16647,7 +16647,7 @@ var SvgIluBlockedPallet = function SvgIluBlockedPallet(props) {
     "data-name": "Rectangle 22231",
     fill: "none",
     d: "M0 0h24.344v22.984H0z"
-  })))), _g$l || (_g$l = /*#__PURE__*/React.createElement("g", {
+  })))), _g$S || (_g$S = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#ilu_blocked-pallet_svg__a)",
     transform: "translate(.047 .047)"
   }, /*#__PURE__*/React.createElement("g", {
@@ -16967,28 +16967,28 @@ var SvgIluBlockedPallet = function SvgIluBlockedPallet(props) {
     "data-name": "Rectangle 22234",
     fill: "#b70000",
     d: "M81.618 30.959h5.597v2.814h-5.597z"
-  })))), _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
+  })))), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 22917",
     fill: "none",
     d: "M1 1h137v137H1z"
   })));
 };
 
-var _defs$j, _g$k, _path$k;
-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 _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 SvgIluFinishedProduct = function SvgIluFinishedProduct(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$m({
+  return /*#__PURE__*/React.createElement("svg", _extends$12({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$j || (_defs$j = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$m || (_defs$m = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_finished-product_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85400",
     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$k || (_g$k = /*#__PURE__*/React.createElement("g", {
+  })))), _g$R || (_g$R = /*#__PURE__*/React.createElement("g", {
     transform: "translate(6.21 13.01)",
     clipPath: "url(#ilu_finished-product_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
@@ -17219,28 +17219,28 @@ var SvgIluFinishedProduct = function SvgIluFinishedProduct(props) {
     "data-name": "Path 85399",
     d: "M137.421 110.551a.48.48 0 1 1 .393.5.453.453 0 0 1-.393-.5",
     fill: "#5d5d5c"
-  }))), _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
+  }))), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 22211",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$i, _g$j;
-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$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 SvgIluFromPalletToRack = function SvgIluFromPalletToRack(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$l({
+  return /*#__PURE__*/React.createElement("svg", _extends$11({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$i || (_defs$i = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$l || (_defs$l = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_from-pallet-to-rack_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84914",
     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$j || (_g$j = /*#__PURE__*/React.createElement("g", {
+  })))), _g$Q || (_g$Q = /*#__PURE__*/React.createElement("g", {
     "data-name": "ilu_from-pallet-to-rack"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "ilu_from-pallet-to-rack"
@@ -17735,21 +17735,21 @@ var SvgIluFromPalletToRack = function SvgIluFromPalletToRack(props) {
   }))));
 };
 
-var _defs$h, _g$i, _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$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 SvgIluInternalLogistic = function SvgIluInternalLogistic(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$k({
+  return /*#__PURE__*/React.createElement("svg", _extends$10({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$h || (_defs$h = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$k || (_defs$k = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_internal-logistic_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85203",
     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$i || (_g$i = /*#__PURE__*/React.createElement("g", {
+  })))), _g$P || (_g$P = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46399"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46398",
@@ -18180,28 +18180,28 @@ var SvgIluInternalLogistic = function SvgIluInternalLogistic(props) {
     "data-name": "Rectangle 21843",
     fill: "#fff",
     d: "M25.589 51.136h3.444v3.402h-3.444z"
-  })))), _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
+  })))), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21819",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$g, _g$h, _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$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 SvgIluInventory = function SvgIluInventory(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$j({
+  return /*#__PURE__*/React.createElement("svg", _extends$$({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$g || (_defs$g = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$j || (_defs$j = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_inventory_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84958",
     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$h || (_g$h = /*#__PURE__*/React.createElement("g", {
+  })))), _g$O || (_g$O = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 45104"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 45103"
@@ -19088,34 +19088,34 @@ var SvgIluInventory = function SvgIluInventory(props) {
     "data-name": "Path 84957",
     d: "M91.635 115.829a1.051 1.051 0 0 1-.764.225l-.386-.076-3.552-.7a.44.44 0 0 0-.352.085.409.409 0 0 0-.136.212.364.364 0 0 0-.021.115v2.376H86v-.2l.025-2.236a.848.848 0 0 1 .314-.649.755.755 0 0 1 .666-.119Z",
     fill: "#e0e0e0"
-  }))))))), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
+  }))))))), _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21469",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$f, _g$g, _g2$7, _g3$3, _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 _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 SvgIluInventoryTransfer = function SvgIluInventoryTransfer(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$i({
+  return /*#__PURE__*/React.createElement("svg", _extends$_({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$f || (_defs$f = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$i || (_defs$i = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_inventory-transfer_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85128",
     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$g || (_g$g = /*#__PURE__*/React.createElement("g", {
+  })))), _g$N || (_g$N = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 45904"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85125",
     d: "M160.086 83.987c0 .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-54.998-21.921v-.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.053A66.859 66.859 0 0 1 8.091 86.01a54.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.231 68.475 68.475 0 0 1 16.575-33.464q1.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",
     fill: "#e0e0e0"
-  }))), _g2$7 || (_g2$7 = /*#__PURE__*/React.createElement("g", {
+  }))), _g2$8 || (_g2$8 = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 45905"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85126",
@@ -19295,28 +19295,28 @@ var SvgIluInventoryTransfer = function SvgIluInventoryTransfer(props) {
   }), /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21742",
     d: "M92.098 53.128h5.083v2.754h-5.083z"
-  }))))), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
+  }))))), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21743",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$e, _g$f, _path$g;
-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$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 SvgIluLabelingOfPallets = function SvgIluLabelingOfPallets(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$h({
+  return /*#__PURE__*/React.createElement("svg", _extends$Z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$e || (_defs$e = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$h || (_defs$h = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_labeling-of-pallets_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84989",
     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$f || (_g$f = /*#__PURE__*/React.createElement("g", {
+  })))), _g$M || (_g$M = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 45194"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 45139"
@@ -19630,28 +19630,28 @@ var SvgIluLabelingOfPallets = function SvgIluLabelingOfPallets(props) {
     "data-name": "Path 84988",
     d: "M49.359 52.717h-22.6l.157-.106 22.443-12.11Z",
     fill: "#a8a8a8"
-  })))))), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
+  })))))), _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21512",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$d, _g$e, _path$f;
-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$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 SvgIluLoadingCar = function SvgIluLoadingCar(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$g({
+  return /*#__PURE__*/React.createElement("svg", _extends$Y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$d || (_defs$d = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$g || (_defs$g = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_loading-car_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85215",
     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$e || (_g$e = /*#__PURE__*/React.createElement("g", {
+  })))), _g$L || (_g$L = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46461"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46460",
@@ -20011,21 +20011,21 @@ var SvgIluLoadingCar = function SvgIluLoadingCar(props) {
     "data-name": "Rectangle 21879",
     d: "M99.766 59.87h-6.992V42.582h5.492a1.5 1.5 0 0 1 1.5 1.5V59.87Z",
     fill: "#e42127"
-  }))))), _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
+  }))))), _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21880",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _g$d, _path$e;
-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$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 SvgIluManualTransfer = function SvgIluManualTransfer(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$f({
+  return /*#__PURE__*/React.createElement("svg", _extends$X({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _g$d || (_g$d = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$K || (_g$K = /*#__PURE__*/React.createElement("g", {
     transform: "translate(9.215 12.933)"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84771",
@@ -20668,28 +20668,28 @@ var SvgIluManualTransfer = function SvgIluManualTransfer(props) {
     "data-name": "Rectangle 21045",
     fill: "#fff",
     d: "M25.251 97.218h3.455v3.454h-3.455z"
-  }))), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
+  }))), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21009",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$c, _g$c, _g2$6, _path$d;
-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 _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 SvgIluMoveGoodsFromPalletToAnother = function SvgIluMoveGoodsFromPalletToAnother(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$e({
+  return /*#__PURE__*/React.createElement("svg", _extends$W({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$c || (_defs$c = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$f || (_defs$f = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_move-goods-from-pallet-to-another_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84876",
     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$c || (_g$c = /*#__PURE__*/React.createElement("g", {
+  })))), _g$J || (_g$J = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44723"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84869",
@@ -20699,7 +20699,7 @@ var SvgIluMoveGoodsFromPalletToAnother = function SvgIluMoveGoodsFromPalletToAno
     "data-name": "Path 84870",
     d: "M143.81 127.24c-.161.195-.326.389-.491.584l-.288.339c-.191.224-.385.453-.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.365 80.365 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.058-2.091a71.908 71.908 0 0 1-3.116-3.518Z",
     fill: "#cbcbcb"
-  }))), _g2$6 || (_g2$6 = /*#__PURE__*/React.createElement("g", {
+  }))), _g2$7 || (_g2$7 = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44778"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44777",
@@ -21025,28 +21025,28 @@ var SvgIluMoveGoodsFromPalletToAnother = function SvgIluMoveGoodsFromPalletToAno
     "data-name": "Rectangle 21342",
     fill: "#e42127",
     d: "M116.972 101.133v13.893h-3.456v-13.893z"
-  }))))), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
+  }))))), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21343",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$b, _g$b, _g2$5, _path$c;
-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 _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 SvgIluPrintingLabel = function SvgIluPrintingLabel(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$d({
+  return /*#__PURE__*/React.createElement("svg", _extends$V({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$b || (_defs$b = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$e || (_defs$e = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_printing-label_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84919",
     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$b || (_g$b = /*#__PURE__*/React.createElement("g", {
+  })))), _g$I || (_g$I = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44887"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84915",
@@ -21056,7 +21056,7 @@ var SvgIluPrintingLabel = function SvgIluPrintingLabel(props) {
     "data-name": "Path 84916",
     d: "M144.034 127.145c-.161.2-.327.391-.493.587l-.289.34c-.191.225-.387.455-.586.68q-.861.982-1.759 1.925a69.307 69.307 0 0 1-2.065 2.1q-1.677 1.645-3.455 3.17a76.49 76.49 0 0 1-12.725 8.857 78.909 78.909 0 0 1-14.56 6.247 80.681 80.681 0 0 1-16.618 3.357q-3.851.37-7.807.37a78.793 78.793 0 0 1-55.18-21.998q-1.058-1.026-2.065-2.1a72.007 72.007 0 0 1-3.128-3.532Z",
     fill: "#cbcbcb"
-  }))), _g2$5 || (_g2$5 = /*#__PURE__*/React.createElement("g", {
+  }))), _g2$6 || (_g2$6 = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44907"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44906",
@@ -21210,34 +21210,34 @@ var SvgIluPrintingLabel = function SvgIluPrintingLabel(props) {
     "data-name": "Rectangle 21409",
     fill: "#5d5d5c",
     d: "M58.509 25.279h31.224v.425H58.509z"
-  })))))), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
+  })))))), _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21410",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$a, _g$a, _g2$4, _path$b;
-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 _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 SvgIluProduction = function SvgIluProduction(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$c({
+  return /*#__PURE__*/React.createElement("svg", _extends$U({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$a || (_defs$a = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$d || (_defs$d = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_production_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85301",
     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$a || (_g$a = /*#__PURE__*/React.createElement("g", {
+  })))), _g$H || (_g$H = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46712"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85290",
     d: "M159.982 83.982a65.4 65.4 0 0 1-.03 2.033 65.389 65.389 0 0 1-1.296 11.168 59.31 59.31 0 0 1-.621 2.782 57.534 57.534 0 0 1-.825 3.041q-.638 2.175-1.429 4.283l-.077.213a65.174 65.174 0 0 1-1.361 3.339s0 .013-.008.026c-.094.208-.183.413-.276.617a69 69 0 0 1-4.1 7.741 70.181 70.181 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.586l-.289.341c-.191.225-.387.455-.587.68q-.861.983-1.761 1.927a68.226 68.226 0 0 1-2.067 2.1q-1.678 1.646-3.458 3.173a76.549 76.549 0 0 1-12.734 8.864 78.966 78.966 0 0 1-14.572 6.252 80.74 80.74 0 0 1-16.63 3.36q-3.853.37-7.813.37A78.854 78.854 0 0 1 28.45 133.08v-.009q-1.059-1.027-2.067-2.1a72.183 72.183 0 0 1-3.075-3.471.75.75 0 0 1-.055-.064c-.025-.034-.055-.064-.081-.1l-.021-.026a71.347 71.347 0 0 1-5.784-8.085A67.129 67.129 0 0 1 7.38 86.016a52.88 52.88 0 0 1-.034-2.033c0-.566.009-1.127.021-1.688a65.99 65.99 0 0 1 1.055-10.272 68.75 68.75 0 0 1 16.639-33.6l.268-.294q1.6-1.761 3.313-3.424a80.251 80.251 0 0 1 110.04 0q1.857 1.8 3.581 3.717a70.57 70.57 0 0 1 11.1 16.558 67.371 67.371 0 0 1 2.658 6.337c.081.225.161.451.238.676.2.549.379 1.106.557 1.659a66.668 66.668 0 0 1 3.13 18.217c0 .14.009.281.013.425v.251c.019.476.023.956.023 1.437Z",
     fill: "#e0e0e0"
-  }))), _g2$4 || (_g2$4 = /*#__PURE__*/React.createElement("g", {
+  }))), _g2$5 || (_g2$5 = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46777"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46776",
@@ -21669,28 +21669,28 @@ var SvgIluProduction = function SvgIluProduction(props) {
     "data-name": "Rectangle 21993",
     fill: "#930000",
     d: "M80.076 23.671h27.776v.425H80.076z"
-  })))))), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
+  })))))), _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21994",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$9, _g$9, _g2$3, _path$a;
-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 _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 SvgIluQualityControl = function SvgIluQualityControl(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$b({
+  return /*#__PURE__*/React.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$9 || (_defs$9 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$c || (_defs$c = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_quality-control_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85248",
     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$9 || (_g$9 = /*#__PURE__*/React.createElement("g", {
+  })))), _g$G || (_g$G = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46586",
     clipPath: "url(#ilu_quality-control_svg__a)",
     transform: "translate(7.711 13.21)"
@@ -22009,7 +22009,7 @@ var SvgIluQualityControl = function SvgIluQualityControl(props) {
     "data-name": "Path 85247",
     d: "M97.353 63.889a2.653 2.653 0 0 1-2.04-.949l-2.547-3.059 1.952-1.625 2.544 3.055a.115.115 0 0 0 .163.012l7.595-6.332 1.626 1.95-7.594 6.332a2.643 2.643 0 0 1-1.699.616Z",
     fill: "#e42127"
-  })))), _g2$3 || (_g2$3 = /*#__PURE__*/React.createElement("g", {
+  })))), _g2$4 || (_g2$4 = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46634",
     clipPath: "url(#ilu_quality-control_svg__a)",
     transform: "translate(7.711 13.21)"
@@ -22328,28 +22328,28 @@ var SvgIluQualityControl = function SvgIluQualityControl(props) {
     "data-name": "Path 85267",
     d: "M97.353 63.889a2.653 2.653 0 0 1-2.04-.949l-2.547-3.059 1.952-1.625 2.544 3.055a.115.115 0 0 0 .163.012l7.595-6.332 1.626 1.95-7.594 6.332a2.643 2.643 0 0 1-1.699.616Z",
     fill: "#e42127"
-  })))), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
+  })))), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21927",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$8, _g$8, _g2$2, _g3$2, _g4$2, _g5$1, _g6$1, _g7$1, _g8$1, _path$9;
-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 _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 SvgIluReleaseOfGoodsFromWarehouse = function SvgIluReleaseOfGoodsFromWarehouse(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$a({
+  return /*#__PURE__*/React.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$8 || (_defs$8 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$b || (_defs$b = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_release-of-goods-from-warehouse_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84826",
     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$8 || (_g$8 = /*#__PURE__*/React.createElement("g", {
+  })))), _g$F || (_g$F = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44559"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44558",
@@ -22729,7 +22729,7 @@ var SvgIluReleaseOfGoodsFromWarehouse = function SvgIluReleaseOfGoodsFromWarehou
     "data-name": "Path 84825",
     d: "M152.437 71.018c0 .68-.008 1.355-.03 2.03a65.286 65.286 0 0 1-1.291 11.154 59.146 59.146 0 0 1-.621 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-.182.412-.276.616a68.955 68.955 0 0 1-4.091 7.731 69.942 69.942 0 0 1-5.08 7.217l-.051.064c-.217.263-.433.531-.65.794-.034.042-.068.081-.1.123-.162.2-.327.391-.493.586l-.289.34c-.191.225-.386.455-.586.68q-.861.981-1.759 1.924a71.703 71.703 0 0 1-2.064 2.1q-1.676 1.644-3.454 3.169a76.424 76.424 0 0 1-12.717 8.852 78.853 78.853 0 0 1-14.553 6.244 80.628 80.628 0 0 1-16.609 3.356q-3.848.37-7.8.37a78.751 78.751 0 0 1-55.144-21.982v-.008q-1.057-1.026-2.064-2.1a72.94 72.94 0 0 1-3.127-3.53c-.025-.034-.055-.064-.08-.1l-.022-.025a71.312 71.312 0 0 1-5.777-8.075A67.045 67.045 0 0 1 .041 73.045a54.826 54.826 0 0 1-.034-2.03c0-.565.008-1.126.021-1.686a65.846 65.846 0 0 1 1.046-10.252 68.663 68.663 0 0 1 16.617-33.561q1.72-1.911 3.577-3.712A78.774 78.774 0 0 1 76.219 0a78.764 78.764 0 0 1 54.948 21.8q1.855 1.8 3.577 3.712a70.473 70.473 0 0 1 11.082 16.536 67.143 67.143 0 0 1 2.655 6.329c.081.225.162.45.238.675.2.548.378 1.1.557 1.657a66.608 66.608 0 0 1 3.126 18.193c0 .14.008.28.013.425v.251c.017.48.022.96.022 1.44Z",
     fill: "none"
-  }))))), _g2$2 || (_g2$2 = /*#__PURE__*/React.createElement("g", {
+  }))))), _g2$3 || (_g2$3 = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44561"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44560"
@@ -22788,28 +22788,28 @@ var SvgIluReleaseOfGoodsFromWarehouse = function SvgIluReleaseOfGoodsFromWarehou
     "data-name": "Rectangle 21150",
     fill: "#e42127",
     d: "M93.691 56.047h3.423v2.761h-3.423z"
-  })))), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
+  })))), _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21151",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$7, _g$7, _path$8;
-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 _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 SvgIluRemoveGoodsFromPallet = function SvgIluRemoveGoodsFromPallet(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$9({
+  return /*#__PURE__*/React.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$7 || (_defs$7 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$a || (_defs$a = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_remove_goods_from_pallet_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84868",
     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$7 || (_g$7 = /*#__PURE__*/React.createElement("g", {
+  })))), _g$E || (_g$E = /*#__PURE__*/React.createElement("g", {
     "data-name": "ilu_remove_goods_from_pallet _2"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44716"
@@ -22977,28 +22977,28 @@ var SvgIluRemoveGoodsFromPallet = function SvgIluRemoveGoodsFromPallet(props) {
     "data-name": "Rectangle 21297",
     fill: "#e42127",
     d: "M103.205 101.127v13.892h-3.456v-13.892z"
-  }))))), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
+  }))))), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21298",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$6, _g$6, _g2$1, _g3$1, _g4$1, _path$7;
-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 _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 SvgIluReprintingLabel = function SvgIluReprintingLabel(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$8({
+  return /*#__PURE__*/React.createElement("svg", _extends$Q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$6 || (_defs$6 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$9 || (_defs$9 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_reprinting-label_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84924",
     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$6 || (_g$6 = /*#__PURE__*/React.createElement("g", {
+  })))), _g$D || (_g$D = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44912"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44910"
@@ -23012,7 +23012,7 @@ var SvgIluReprintingLabel = function SvgIluReprintingLabel(props) {
     "data-name": "Path 84921",
     d: "M145.309 128.38c-.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.417 76.417 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.127-21.975v-.009q-1.057-1.025-2.064-2.1a71.878 71.878 0 0 1-3.125-3.529Z",
     fill: "#cbcbcb"
-  })))), _g2$1 || (_g2$1 = /*#__PURE__*/React.createElement("g", {
+  })))), _g2$2 || (_g2$2 = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44938"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44937",
@@ -23210,28 +23210,28 @@ var SvgIluReprintingLabel = function SvgIluReprintingLabel(props) {
   }), /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84932",
     d: "m49.206 83.734 1.83 2.862a12.778 12.778 0 0 0 2.616-2.2l-2.524-2.273a9.349 9.349 0 0 1-1.922 1.611Z"
-  }))), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
+  }))), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21432",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$5, _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 _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 SvgIluReturnFromCustomers = function SvgIluReturnFromCustomers(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$7({
+  return /*#__PURE__*/React.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$5 || (_defs$5 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$8 || (_defs$8 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_return-from-customers_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84902",
     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$5 || (_g$5 = /*#__PURE__*/React.createElement("g", {
+  })))), _g$C || (_g$C = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44789"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44788"
@@ -23490,19 +23490,19 @@ var SvgIluReturnFromCustomers = function SvgIluReturnFromCustomers(props) {
   }))));
 };
 
-var _defs$4, _path$6, _path2$1, _path3$1, _path4$1, _path5$1, _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$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 _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); }
 var SvgIluSale = function SvgIluSale(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$6({
+  return /*#__PURE__*/React.createElement("svg", _extends$O({
     id: "ilu_sale_svg__sprzedaz",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 400.01 400.01"
-  }, props), _defs$4 || (_defs$4 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$7 || (_defs$7 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_sale_svg__clippath"
   }, /*#__PURE__*/React.createElement("path", {
     className: "ilu_sale_svg__cls-9",
     d: "M376.36 197.57c0 1.6-.02 3.19-.07 4.78a153.8 153.8 0 0 1-3.04 26.26c-.44 2.2-.92 4.38-1.46 6.54-.58 2.4-1.23 4.79-1.94 7.15-1 3.41-2.12 6.76-3.36 10.07-.06.17-.12.33-.18.5-1 2.65-2.06 5.27-3.2 7.85-.01.01-.01.03-.02.06-.22.49-.43.97-.65 1.45a162.17 162.17 0 0 1-9.63 18.2c-3.62 5.9-7.61 11.57-11.96 16.99l-.12.15c-.51.62-1.02 1.25-1.53 1.87-.08.1-.16.19-.24.29-.38.46-.77.92-1.16 1.38l-.68.8a148.11 148.11 0 0 1-5.52 6.13c-1.58 1.68-3.21 3.33-4.86 4.94-2.63 2.58-5.34 5.06-8.13 7.46a179.97 179.97 0 0 1-29.94 20.84c-10.73 5.96-22.22 10.9-34.26 14.7-12.46 3.93-25.56 6.61-39.1 7.9-6.04.58-12.16.87-18.37.87-51.07 0-97.14-19.86-129.82-51.75v-.02c-1.66-1.61-3.28-3.26-4.86-4.94-2.55-2.69-5-5.47-7.36-8.31-.06-.08-.13-.15-.19-.23l-.05-.06c-4.98-6.02-9.52-12.38-13.6-19.01-14.19-23.13-22.63-49.72-23.48-78.08-.06-1.59-.08-3.18-.08-4.78 0-1.33.02-2.65.05-3.97.2-8.22 1.04-16.27 2.48-24.15 5.4-29.74 19.23-56.81 39.12-79 2.7-3 5.51-5.92 8.42-8.74h.01c32.64-31.64 78.54-51.33 129.36-51.33s96.71 19.69 129.36 51.33c2.91 2.82 5.72 5.74 8.42 8.74 10.5 11.72 19.32 24.81 26.09 38.93 2.33 4.85 4.42 9.82 6.25 14.9.19.53.38 1.06.56 1.59.46 1.29.89 2.6 1.31 3.9 2.05 6.41 3.69 12.98 4.91 19.68 1.37 7.56 2.2 15.28 2.45 23.15l.03 1c0 .2.01.39.01.59.03 1.12.04 2.25.04 3.38Z"
-  })), /*#__PURE__*/React.createElement("style", null, ".ilu_sale_svg__cls-1{fill:#b7b7b7}.ilu_sale_svg__cls-2{fill:#fff}.ilu_sale_svg__cls-4{fill:#b70000}.ilu_sale_svg__cls-5{fill:#5d5d5c}.ilu_sale_svg__cls-8{fill:#930000}.ilu_sale_svg__cls-9{fill:none}.ilu_sale_svg__cls-10{fill:#a8a8a8}.ilu_sale_svg__cls-11{fill:#e42127}"))), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
+  })), /*#__PURE__*/React.createElement("style", null, ".ilu_sale_svg__cls-1{fill:#b7b7b7}.ilu_sale_svg__cls-2{fill:#fff}.ilu_sale_svg__cls-4{fill:#b70000}.ilu_sale_svg__cls-5{fill:#5d5d5c}.ilu_sale_svg__cls-8{fill:#930000}.ilu_sale_svg__cls-9{fill:none}.ilu_sale_svg__cls-10{fill:#a8a8a8}.ilu_sale_svg__cls-11{fill:#e42127}"))), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
     className: "ilu_sale_svg__cls-9",
     d: "M0 0h400v400H0z"
   })), /*#__PURE__*/React.createElement("g", {
@@ -23514,7 +23514,7 @@ var SvgIluSale = function SvgIluSale(props) {
     style: {
       fill: "#e0e0e0"
     }
-  }), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
+  }), _path2$e || (_path2$e = /*#__PURE__*/React.createElement("path", {
     className: "ilu_sale_svg__cls-2",
     d: "M164.02 89.8h177.23c.89 0 1.62.72 1.62 1.62v126.63c0 .89-.72 1.62-1.62 1.62H165.64c-.89 0-1.62-.72-1.62-1.62V89.8Z"
   })), /*#__PURE__*/React.createElement("path", {
@@ -23522,13 +23522,13 @@ var SvgIluSale = function SvgIluSale(props) {
     style: {
       fill: "#cbcbcb"
     }
-  }), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
+  }), _path3$6 || (_path3$6 = /*#__PURE__*/React.createElement("path", {
     className: "ilu_sale_svg__cls-1",
     d: "M349.03 212.01H173.54c-1.17 0-2.12-.95-2.12-2.12V79.82h177.61c1.17 0 2.12.95 2.12 2.12v127.94c0 1.17-.95 2.12-2.12 2.12ZM172.42 80.82v129.06c0 .62.5 1.12 1.12 1.12h175.48c.62 0 1.12-.5 1.12-1.12V81.95c0-.62-.5-1.12-1.12-1.12h-176.6Z"
-  })), _path4$1 || (_path4$1 = /*#__PURE__*/React.createElement("path", {
+  })), _path4$2 || (_path4$2 = /*#__PURE__*/React.createElement("path", {
     className: "ilu_sale_svg__cls-2",
     d: "M172.93 73.47h160.75c.55 0 1 .45 1 1v6.16c0 .55-.45 1-1 1H171.43v-6.66c0-.83.67-1.5 1.5-1.5Z"
-  })), _path5$1 || (_path5$1 = /*#__PURE__*/React.createElement("path", {
+  })), _path5$2 || (_path5$2 = /*#__PURE__*/React.createElement("path", {
     className: "ilu_sale_svg__cls-10",
     d: "M302.04 123.79h16.36v65.31h-16.36zM277.55 147.95h16.36v41.15h-16.36zM204.06 147.95h16.36v41.15h-16.36zM228.56 107.52h16.36v81.58h-16.36zM253.05 131.91h16.36v57.19h-16.36z"
   })), _path6$1 || (_path6$1 = /*#__PURE__*/React.createElement("path", {
@@ -23639,21 +23639,21 @@ var SvgIluSale = function SvgIluSale(props) {
   }))));
 };
 
-var _defs$3, _g$4, _path$5;
-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 _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 SvgIluShiftPallet = function SvgIluShiftPallet(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$5({
+  return /*#__PURE__*/React.createElement("svg", _extends$N({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$3 || (_defs$3 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$6 || (_defs$6 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_shift_pallet_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85052",
     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$4 || (_g$4 = /*#__PURE__*/React.createElement("g", {
+  })))), _g$B || (_g$B = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 45386"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 45385",
@@ -23929,17 +23929,17 @@ var SvgIluShiftPallet = function SvgIluShiftPallet(props) {
     "data-name": "Path 85051",
     d: "M96.774 97.239h-.843V40.347l-3.243-2.252.481-.692 3.605 2.5Z",
     fill: "#fff"
-  })))))), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
+  })))))), _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21628",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _style, _path$4, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _circle, _path11, _circle2, _circle3, _circle4, _path12, _circle5, _circle6, _circle7, _path13, _ellipse, _ellipse2, _ellipse3, _ellipse4, _ellipse5, _ellipse6, _path14;
-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 _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); }
 var SvgIluShopping = function SvgIluShopping(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4({
+  return /*#__PURE__*/React.createElement("svg", _extends$M({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 400 400",
     style: {
@@ -23958,19 +23958,19 @@ var SvgIluShopping = function SvgIluShopping(props) {
     style: {
       fill: "#cbcbcb"
     }
-  }), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
+  }), _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
     className: "ilu_shopping_svg__st2",
     d: "M155.1 253h40.6v-65.2h-39.1c-.8 0-1.5.7-1.5 1.5V253z"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$d || (_path2$d = /*#__PURE__*/React.createElement("path", {
     className: "ilu_shopping_svg__st6",
     d: "M195.7 253h65.5v-63.7c0-.8-.7-1.5-1.5-1.5h-64V253z"
-  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+  })), _path3$5 || (_path3$5 = /*#__PURE__*/React.createElement("path", {
     className: "ilu_shopping_svg__st10",
     d: "M163.3 196h8.2v8.2h-8.2z"
-  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
+  })), _path4$1 || (_path4$1 = /*#__PURE__*/React.createElement("path", {
     className: "ilu_shopping_svg__st2",
     d: "M155.1 187.7h40.6v-65.2h-39.1c-.8 0-1.5.7-1.5 1.5v63.7z"
-  })), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
+  })), _path5$1 || (_path5$1 = /*#__PURE__*/React.createElement("path", {
     className: "ilu_shopping_svg__st6",
     d: "M195.7 187.7h65.5V124c0-.8-.7-1.5-1.5-1.5h-64v65.2z"
   })), _path6 || (_path6 = /*#__PURE__*/React.createElement("path", {
@@ -24086,21 +24086,21 @@ var SvgIluShopping = function SvgIluShopping(props) {
   })));
 };
 
-var _defs$2, _g$3, _path$3;
-function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+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 SvgIluStatusChange = function SvgIluStatusChange(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3({
+  return /*#__PURE__*/React.createElement("svg", _extends$L({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$2 || (_defs$2 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$5 || (_defs$5 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_status-change_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85276",
     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$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
+  })))), _g$A || (_g$A = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46665",
     transform: "translate(7.533 13.045)",
     clipPath: "url(#ilu_status-change_svg__a)"
@@ -24232,28 +24232,28 @@ var SvgIluStatusChange = function SvgIluStatusChange(props) {
     "data-name": "Rectangle 21938",
     fill: "#fff",
     d: "M78.354 64.569h-3.06v-3.06h3.06z"
-  })))))))), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
+  })))))))), _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21939",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs$1, _g$2, _path$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 _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 SvgIluStorageField = function SvgIluStorageField(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2({
+  return /*#__PURE__*/React.createElement("svg", _extends$K({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs$1 || (_defs$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$4 || (_defs$4 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_storage-field_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 85353",
     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$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
+  })))), _g$z || (_g$z = /*#__PURE__*/React.createElement("g", {
     transform: "translate(10.561 13.073)",
     clipPath: "url(#ilu_storage-field_svg__a)"
   }, /*#__PURE__*/React.createElement("g", {
@@ -24638,28 +24638,28 @@ var SvgIluStorageField = function SvgIluStorageField(props) {
     "data-name": "Path 85352",
     d: "M152.343 70.973c0 .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.07A67 67 0 0 1 .04 73.001a54.772 54.772 0 0 1-.034-2.029c0-.565.008-1.125.021-1.685A65.857 65.857 0 0 1 1.08 59.035 68.617 68.617 0 0 1 17.681 25.5q1.719-1.91 3.574-3.71A78.724 78.724 0 0 1 76.169.004a78.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",
     fill: "none"
-  })))), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
+  })))), _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 22128",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _defs, _g$1, _g2, _g3, _g4, _g5, _g6, _g7, _g8, _path$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 _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 SvgIluWarehouseLoading = function SvgIluWarehouseLoading(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1({
+  return /*#__PURE__*/React.createElement("svg", _extends$J({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, props), _defs$3 || (_defs$3 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_warehouse-loading_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84835",
     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$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
+  })))), _g$y || (_g$y = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44638"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44637",
@@ -24954,7 +24954,7 @@ var SvgIluWarehouseLoading = function SvgIluWarehouseLoading(props) {
     "data-name": "Path 85555",
     d: "M95.657 73.891h5.5v17.191h-7V75.391a1.5 1.5 0 0 1 1.5-1.5Z",
     fill: "#cbcbcb"
-  }))))), _g2 || (_g2 = /*#__PURE__*/React.createElement("g", {
+  }))))), _g2$1 || (_g2$1 = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 47287"
   }, /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21145",
@@ -25011,21 +25011,21 @@ var SvgIluWarehouseLoading = function SvgIluWarehouseLoading(props) {
     "data-name": "Rectangle 21150",
     fill: "#e42127",
     d: "M78.691 63.048h3.423v2.761h-3.423z"
-  })))), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+  })))), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21188",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var _g, _path;
-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$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 SvgMovingBoxToAnotherShelf = function SvgMovingBoxToAnotherShelf(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$I({
     xmlns: "http://www.w3.org/2000/svg",
     width: 170,
     height: 170
-  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$x || (_g$x = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46074"
   }, /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 45940"
@@ -25871,57 +25871,2154 @@ var SvgMovingBoxToAnotherShelf = function SvgMovingBoxToAnotherShelf(props) {
   }), /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21771",
     d: "M75.408 66.235h5.1v2.763h-5.1z"
-  })))), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  })))), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 21744",
     fill: "none",
     d: "M0 0h170v170H0z"
   })));
 };
 
-var StyledIllustrationWrapper = styled(Box)(function (_a) {
-    return ({
-        'svg': {
-            width: "115px",
-            height: "115px",
-        },
-        '&.small': {
-            'svg': {
-                width: "115px",
-                height: "115px",
-            },
-        },
-        '&.medium': {
-            'svg': {
-                width: "170px",
-                height: "170px",
-            },
-        },
-        '&.big': {
-            'svg': {
-                width: "222px",
-                height: "222px",
-            },
-        },
-        '&.large': {
-            'svg': {
-                width: "350px",
-                height: "350px",
-            },
-        },
-        '&.big-type': {
-            'svg': {
-                width: "184px",
-                height: "184px",
-            }
-        }
-    });
-});
-// @ts-ignore
-var Illustration = function (_a) {
-    var illustrationName = _a.illustrationName, color = _a.color, size = _a.size, isBigType = _a.isBigType;
-    var bigTypeClassName = isBigType ? 'big-type' : '';
-    return (jsxRuntime.exports.jsxs(StyledIllustrationWrapper, __assign({ className: "".concat(color, " ").concat(size, " ").concat(bigTypeClassName), color: color }, { children: [illustrationName === 'ilu_availability_by_item' && jsxRuntime.exports.jsx(SvgIluAvailabilityByItem, {}), illustrationName === 'ilu_add_goods_to_pallet' && jsxRuntime.exports.jsx(SvgIluAddGoodsToPallet, {}), illustrationName === 'ilu_availability_by_index' && jsxRuntime.exports.jsx(SvgIluAvailabilityByIndex, {}), illustrationName === 'ilu_availability_by_location' && jsxRuntime.exports.jsx(SvgIluAvailabilityByLocation, {}), illustrationName === 'ilu_blocked_pallet' && jsxRuntime.exports.jsx(SvgIluBlockedPallet, {}), illustrationName === 'ilu_finished_product' && jsxRuntime.exports.jsx(SvgIluFinishedProduct, {}), illustrationName === 'ilu_from_pallet_to_rack' && jsxRuntime.exports.jsx(SvgIluFromPalletToRack, {}), illustrationName === 'ilu_internal_logistic' && jsxRuntime.exports.jsx(SvgIluInternalLogistic, {}), illustrationName === 'ilu_inventory' && jsxRuntime.exports.jsx(SvgIluInventory, {}), illustrationName === 'ilu_inventory_transfer' && jsxRuntime.exports.jsx(SvgIluInventoryTransfer, {}), illustrationName === 'ilu_labeling_of_pallets' && jsxRuntime.exports.jsx(SvgIluLabelingOfPallets, {}), illustrationName === 'ilu_loading_car' && jsxRuntime.exports.jsx(SvgIluLoadingCar, {}), illustrationName === 'ilu_manual_transfer' && jsxRuntime.exports.jsx(SvgIluManualTransfer, {}), illustrationName === 'ilu_move_goods_from_pallet_to_another' && jsxRuntime.exports.jsx(SvgIluMoveGoodsFromPalletToAnother, {}), illustrationName === 'ilu_printing_label' && jsxRuntime.exports.jsx(SvgIluPrintingLabel, {}), illustrationName === 'ilu_production' && jsxRuntime.exports.jsx(SvgIluProduction, {}), illustrationName === 'ilu_quality_control' && jsxRuntime.exports.jsx(SvgIluQualityControl, {}), illustrationName === 'ilu_release_of_goods_from_warehouse' && jsxRuntime.exports.jsx(SvgIluReleaseOfGoodsFromWarehouse, {}), illustrationName === 'ilu_remove_goods_from_pallet' && jsxRuntime.exports.jsx(SvgIluRemoveGoodsFromPallet, {}), illustrationName === 'ilu_reprinting_label' && jsxRuntime.exports.jsx(SvgIluReprintingLabel, {}), illustrationName === 'ilu_return_from_customers' && jsxRuntime.exports.jsx(SvgIluReturnFromCustomers, {}), illustrationName === 'ilu_sale' && jsxRuntime.exports.jsx(SvgIluSale, {}), illustrationName === 'ilu_shift_pallet' && jsxRuntime.exports.jsx(SvgIluShiftPallet, {}), illustrationName === 'ilu_shopping' && jsxRuntime.exports.jsx(SvgIluShopping, {}), illustrationName === 'ilu_status_change' && jsxRuntime.exports.jsx(SvgIluStatusChange, {}), illustrationName === 'ilu_storage_field' && jsxRuntime.exports.jsx(SvgIluStorageField, {}), illustrationName === 'ilu_warehouse_loading' && jsxRuntime.exports.jsx(SvgIluWarehouseLoading, {}), illustrationName === 'ilu_moving_box_to_another_shelf' && jsxRuntime.exports.jsx(SvgMovingBoxToAnotherShelf, {})] })));
+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 SvgIluSearch = function SvgIluSearch(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$H({
+    "data-name": "Component 35 \\u2013 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 184.006,
+    height: 184.006
+  }, props), _defs$2 || (_defs$2 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_search_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14804",
+    fill: "none",
+    d: "M0 0h184.006v184.006H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_search_svg__b"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14803",
+    transform: "translate(0 -.001)",
+    fill: "none",
+    d: "M0 0h184.007v184.007H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_search_svg__c"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14796",
+    transform: "translate(70.249 78.779)",
+    fill: "none",
+    d: "M0 0h96.936v84.229H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_search_svg__d"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14798",
+    transform: "translate(62.56 59.673)",
+    fill: "none",
+    d: "M0 0h69.482v67.129H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_search_svg__e"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14797",
+    transform: "translate(62.56 59.673)",
+    fill: "none",
+    d: "M0 0h69.481v67.129H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_search_svg__f"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14800",
+    transform: "translate(114.909 72.076)",
+    fill: "none",
+    d: "M0 0h.429v40.322H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_search_svg__g"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14799",
+    transform: "translate(114.909 72.075)",
+    fill: "none",
+    d: "M0 0h.429v40.322H0z"
+  })))), _g$w || (_g$w = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8098",
+    clipPath: "url(#ilu_search_svg__a)"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8097"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8096",
+    clipPath: "url(#ilu_search_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 524",
+    d: "M171.714 91.674a70.545 70.545 0 0 1-4.528 24.9 73.933 73.933 0 0 1-13.76 22.8A77.869 77.869 0 0 1 145.7 147a82.16 82.16 0 0 1-28.9 16 86.041 86.041 0 0 1-25.882 3.947c-44.622 0-80.8-33.706-80.8-75.282s36.175-75.282 80.8-75.282 80.8 33.7 80.8 75.282",
+    fill: "#e0e0e0"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14792",
+    fill: "#fff",
+    d: "M65.261 63.225h49.862v77.307H65.261z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14793",
+    fill: "#fff",
+    d: "m24.361 78.124 52.755-34.143 27.075 41.835-52.754 34.143z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14794",
+    fill: "#fff",
+    d: "M90.193 45.538h49.862v77.307H90.193z"
+  }), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8085",
+    opacity: 0.79
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8084"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8083",
+    clipPath: "url(#ilu_search_svg__c)"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8082"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8081",
+    clipPath: "url(#ilu_search_svg__c)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 525",
+    d: "M167.185 116.577a73.927 73.927 0 0 1-13.759 22.8A77.869 77.869 0 0 1 145.7 147v.005a82.155 82.155 0 0 1-28.9 16l-46.55-49.2 48.72-2.226 8.35-32.799Z",
+    fill: "#bcbcbc"
+  })))))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8090",
+    opacity: 0.87
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8089"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8088",
+    clipPath: "url(#ilu_search_svg__d)"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8087"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8086",
+    clipPath: "url(#ilu_search_svg__e)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 526",
+    d: "M128.314 99.073c3.094-16.443-8.282-32.385-25.41-35.608S69.382 70.958 66.288 87.4s8.282 32.385 25.41 35.608 33.522-7.493 36.616-23.936",
+    fill: "#fff"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 527",
+    d: "M128.314 99.073c3.094-16.443-8.282-32.385-25.41-35.608S69.382 70.958 66.288 87.4s8.282 32.385 25.41 35.608 33.522-7.492 36.616-23.935Z",
+    fill: "none",
+    stroke: "#b7b7b7",
+    strokeMiterlimit: 10,
+    strokeWidth: 6.44
+  })))))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8095",
+    opacity: 0.17
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8094"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8093",
+    clipPath: "url(#ilu_search_svg__f)"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8092"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8091",
+    clipPath: "url(#ilu_search_svg__g)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Line 68",
+    fill: "none",
+    stroke: "#ccc",
+    strokeMiterlimit: 10,
+    strokeWidth: 0.429,
+    d: "M115.124 112.397V72.076"
+  })))))), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Line 69",
+    fill: "none",
+    stroke: "#5d5d5c",
+    strokeMiterlimit: 10,
+    strokeWidth: 1.84,
+    d: "M83.767 83.136h24.906"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Line 70",
+    fill: "none",
+    stroke: "#5d5d5c",
+    strokeMiterlimit: 10,
+    strokeWidth: 1.84,
+    d: "M83.767 99.652h24.906"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Line 71",
+    fill: "none",
+    stroke: "#5d5d5c",
+    strokeMiterlimit: 10,
+    strokeWidth: 1.84,
+    d: "M83.767 91.394h15.262"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 528",
+    d: "m130.684 117.713-6.6 6.6a.767.767 0 0 1-1.084 0l-5.227-5.227a.767.767 0 0 1 0-1.084l6.6-6.6a.767.767 0 0 1 1.084 0l5.227 5.227a.767.767 0 0 1 0 1.084",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 529",
+    d: "M128.12 96.792c3.094-16.443-8.795-32.481-26.555-35.824S66.9 68.246 63.805 84.689s8.795 32.482 26.555 35.823 34.666-7.277 37.76-23.72Z",
+    fill: "none",
+    stroke: "#5d5d5c",
+    strokeMiterlimit: 10,
+    strokeWidth: 6.44
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14801",
+    fill: "#e42127",
+    d: "M117.622 56.679h26.573v26.573h-26.573z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Line 72",
+    fill: "none",
+    stroke: "#fff",
+    strokeLinejoin: "round",
+    strokeWidth: 1.84,
+    d: "m124.715 63.946 12.564 12.564"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Line 73",
+    fill: "none",
+    stroke: "#fff",
+    strokeLinejoin: "round",
+    strokeWidth: 1.84,
+    d: "m137.102 63.769-12.564 12.564"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 530",
+    d: "M153.423 139.377A77.881 77.881 0 0 1 145.7 147l-13.394-13.4a.767.767 0 0 1 0-1.084l6.592-6.592a.767.767 0 0 1 1.084 0Z",
+    fill: "#5d5d5c"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Line 74",
+    fill: "none",
+    stroke: "#bcbcbc",
+    strokeMiterlimit: 10,
+    strokeWidth: 8.894,
+    d: "m127.193 120.823 8.696 8.696"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14802",
+    fill: "gray",
+    d: "m123.883 124.132 3.085-3.085 8.696 8.696-3.085 3.085z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 531",
+    d: "m166.6 153.631-6.6 6.6a.767.767 0 0 1-1.084 0l-26.186-26.185a.768.768 0 0 1 0-1.085l6.6-6.6a.768.768 0 0 1 1.085 0l26.185 26.186a.767.767 0 0 1 0 1.084",
+    fill: "#5d5d5c"
+  }))))));
+};
+
+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 SvgIlu404 = function SvgIlu404(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$G({
+    "data-name": "Component 34 \\u2013 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 184.006,
+    height: 184.006
+  }, props), _defs$1 || (_defs$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_404_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14791",
+    fill: "none",
+    d: "M0 0h184.006v184.006H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_404_svg__b"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14783",
+    transform: "translate(0 -.001)",
+    fill: "none",
+    d: "M0 0h184.007v184.007H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_404_svg__c"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 14782",
+    transform: "translate(24.662 63.236)",
+    fill: "none",
+    d: "M0 0h143.664v104.376H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_404_svg__d"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 469",
+    d: "M97.305 113.2q-1.539 4.583-4.786 5.658a6.382 6.382 0 0 1-1.271.28 5.589 5.589 0 0 1-2.424-.2l6.011 1.977a5.594 5.594 0 0 0 2.425.2 6.372 6.372 0 0 0 1.27-.28q3.25-1.077 4.787-5.659 1.827-5.43 1.707-17.183l-6.012-1.973q.122 11.751-1.707 17.184",
+    fill: "none"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_404_svg__e"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 472",
+    d: "M96.94 79.171q1.95 4.965 2.072 16.849l6.012 1.98q-.119-11.883-2.072-16.848-1.364-3.465-3.814-4.27L93.126 74.9q2.451.806 3.814 4.269",
+    fill: "none"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_404_svg__f"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 487",
+    d: "M90.686 63.659a22.775 22.775 0 0 0-4.474.975 18.343 18.343 0 0 0-10.521 8.919q-4.812 8.687-4.638 25.78.168 16.391 5.284 24.185a14.267 14.267 0 0 0 7.543 6.025l6.011 1.977a14.273 14.273 0 0 1-7.542-6.025q-5.12-7.792-5.284-24.185-.176-17.092 4.635-25.781a18.343 18.343 0 0 1 10.521-8.917 22.531 22.531 0 0 1 4.474-.976 17.161 17.161 0 0 1 7.443.6l-6.008-1.979a15.784 15.784 0 0 0-4.956-.75 21.034 21.034 0 0 0-2.488.152",
+    fill: "none"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_404_svg__g"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 494",
+    d: "m52.515 89.729 5.613 2.923q.414-2.706 1.4-7.851l-5.613-2.924q-.99 5.145-1.4 7.852",
+    fill: "none"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_404_svg__h"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 498",
+    d: "m53.918 81.877 5.613 2.923q.986-5.141 1.233-5.967l-5.612-2.923q-.248.823-1.234 5.966",
+    fill: "none"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_404_svg__i"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 509",
+    d: "M126.377 87.149q1.557 5 2.47 7.584l6.328-.072q-.915-2.582-2.47-7.583Z",
+    fill: "none"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "ilu_404_svg__j"
+  }, /*#__PURE__*/React.createElement("path", {
+    "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.createElement("g", {
+    "data-name": "Group 8079",
+    clipPath: "url(#ilu_404_svg__a)"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8050"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8049",
+    clipPath: "url(#ilu_404_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 453",
+    d: "M172.8 92.331a70.492 70.492 0 0 1-4.4 24.56c-.041.115-.084.23-.127.344a73.911 73.911 0 0 1-13.759 22.8 77.869 77.869 0 0 1-7.721 7.625 81.566 81.566 0 0 1-21.919 13.459l-.726.3q-3.063 1.24-6.255 2.247a86.961 86.961 0 0 1-46.191 1.547 84.089 84.089 0 0 1-11.921-3.829c-.224-.09-.447-.182-.669-.274-28.224-11.739-47.9-38.119-47.9-68.779 0-41.578 36.175-75.282 80.8-75.282s80.8 33.7 80.8 75.282",
+    fill: "#e0e0e0"
+  }), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8048",
+    opacity: 0.79
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8047"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8046",
+    clipPath: "url(#ilu_404_svg__c)"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8045"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8044",
+    clipPath: "url(#ilu_404_svg__c)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 454",
+    d: "M168.327 117.085c-.041.116-.153.406-.2.519a71.783 71.783 0 0 1-13.618 22.427 77.986 77.986 0 0 1-7.721 7.626 81.594 81.594 0 0 1-21.92 13.458l-.725.3q-3.064 1.239-6.255 2.246a86.965 86.965 0 0 1-46.192 1.547L24.662 110 74.5 64.026l13.094 14.792 22.412-8.664 9.03 8.664 7.341-15.582Z",
+    fill: "#bcbcbc"
+  })))))), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 455",
+    d: "m94.835 120.916-6.012-1.977a5.6 5.6 0 0 0 2.426.2 6.387 6.387 0 0 0 1.27-.279q3.249-1.077 4.787-5.659 1.826-5.432 1.706-17.184L105.024 98q.12 11.751-1.707 17.184-1.539 4.581-4.787 5.659a6.371 6.371 0 0 1-1.27.279 5.594 5.594 0 0 1-2.425-.2",
+    fill: "#323232"
+  }))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8052"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8051",
+    clipPath: "url(#ilu_404_svg__d)",
+    fill: "#323232"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 456",
+    d: "m94.835 120.916-6.012-1.977a4.835 4.835 0 0 0 .469.128l6.012 1.977a4.83 4.83 0 0 1-.469-.128"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 457",
+    d: "m95.3 121.044-6.012-1.977a5.322 5.322 0 0 0 .85.114l6.012 1.977a5.307 5.307 0 0 1-.85-.114"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 458",
+    d: "m96.153 121.158-6.012-1.977a6.5 6.5 0 0 0 1.107-.039c.146-.017.29-.039.431-.065l6.012 1.977a6.67 6.67 0 0 1-.431.065 6.507 6.507 0 0 1-1.107.039"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 459",
+    d: "m97.691 121.054-6.012-1.977a6.172 6.172 0 0 0 .839-.215 5.87 5.87 0 0 0 1.1-.494l6.011 1.977a5.833 5.833 0 0 1-1.1.494 6.21 6.21 0 0 1-.839.215"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 460",
+    d: "m99.633 120.345-6.012-1.977a6.2 6.2 0 0 0 1.031-.75l6.012 1.977a6.2 6.2 0 0 1-1.031.75"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 461",
+    d: "m100.664 119.6-6.012-1.977a6.915 6.915 0 0 0 .633-.646l6.012 1.977a7.042 7.042 0 0 1-.633.646"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 462",
+    d: "m101.3 118.95-6.012-1.977a8.286 8.286 0 0 0 .531-.685l6.012 1.977a8.507 8.507 0 0 1-.531.685"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 463",
+    d: "m101.827 118.264-6.012-1.977q.259-.374.495-.794l6.012 1.977q-.235.42-.495.794"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 464",
+    d: "m102.323 117.47-6.012-1.977q.26-.463.491-.986l6.011 1.977a11.76 11.76 0 0 1-.49.986"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 465",
+    d: "m102.814 116.483-6.014-1.976q.271-.612.5-1.3c0-.014.009-.028.014-.042l6.012 1.978-.015.042q-.231.691-.5 1.3"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 466",
+    d: "m103.331 115.138-6.012-1.977a22.006 22.006 0 0 0 .607-2.235l6.011 1.977a22.277 22.277 0 0 1-.606 2.235"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 467",
+    d: "m103.938 112.9-6.012-1.977a42.789 42.789 0 0 0 .779-5.367l6.012 1.977a42.789 42.789 0 0 1-.779 5.367"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 468",
+    d: "m104.717 107.536-6.012-1.977q.363-4.09.307-9.539l6.012 1.98q.055 5.448-.307 9.539"
+  }))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8054"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8053",
+    clipPath: "url(#ilu_404_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 470",
+    d: "m93.126 74.9 6.012 1.977q2.451.806 3.814 4.27Q104.9 86.114 105.024 98l-6.012-1.98q-.119-11.883-2.072-16.848-1.364-3.463-3.814-4.27",
+    fill: "#323232"
+  }))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8056"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8055",
+    clipPath: "url(#ilu_404_svg__e)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 471",
+    d: "m105.024 98-6.012-1.98q-.119-11.883-2.071-16.849-1.364-3.463-3.815-4.269l6.012 1.977q2.451.806 3.814 4.269Q104.9 86.113 105.024 98",
+    fill: "#323232"
+  }))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8058"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8057",
+    clipPath: "url(#ilu_404_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 473",
+    d: "m89.891 131.52-6.012-1.977a14.268 14.268 0 0 1-7.542-6.025q-5.119-7.794-5.284-24.185-.174-17.094 4.637-25.781a18.354 18.354 0 0 1 10.522-8.918 22.622 22.622 0 0 1 4.473-.975 17.178 17.178 0 0 1 7.444.6l6.012 1.977a17.181 17.181 0 0 0-7.444-.6 22.607 22.607 0 0 0-4.473.975A18.351 18.351 0 0 0 81.7 75.529q-4.811 8.688-4.637 25.781.167 16.391 5.284 24.185a14.265 14.265 0 0 0 7.542 6.025",
+    fill: "#7c7c7c"
+  }))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8060"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8059",
+    clipPath: "url(#ilu_404_svg__f)",
+    fill: "#7c7c7c"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 474",
+    d: "m89.891 131.52-6.012-1.977a14.268 14.268 0 0 1-7.542-6.025q-5.119-7.794-5.284-24.185-.051-5.044.331-9.357l6.016 1.977q-.383 4.313-.331 9.357.167 16.391 5.284 24.185a14.265 14.265 0 0 0 7.542 6.025"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 475",
+    d: "m77.4 91.953-6.012-1.977a59.733 59.733 0 0 1 1.122-7.541l6.011 1.977a59.922 59.922 0 0 0-1.121 7.541"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 476",
+    d: "m78.518 84.412-6.012-1.977a40.836 40.836 0 0 1 1.117-4.093l6.012 1.977a40.571 40.571 0 0 0-1.117 4.093"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 477",
+    d: "m79.635 80.319-6.012-1.977q.487-1.461 1.066-2.768l6.011 1.977q-.579 1.306-1.066 2.768"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 478",
+    d: "m80.7 77.551-6.012-1.977q.471-1.062 1-2.021l.056-.1 6.012 1.977-.056.1q-.531.958-1 2.021"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 479",
+    d: "m81.758 75.429-6.012-1.977q.531-.947 1.126-1.8l6.012 1.977q-.6.858-1.126 1.8"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 480",
+    d: "m82.884 73.625-6.012-1.977a19.926 19.926 0 0 1 1.289-1.664l6.012 1.977a19.929 19.929 0 0 0-1.289 1.664"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 481",
+    d: "m84.173 71.962-6.012-1.977a18.366 18.366 0 0 1 1.646-1.676l6.012 1.977a18.367 18.367 0 0 0-1.646 1.676"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 482",
+    d: "m85.819 70.285-6.012-1.977a17.627 17.627 0 0 1 2.91-2.111l6.012 1.977a17.585 17.585 0 0 0-2.91 2.111"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 483",
+    d: "M88.729 68.174 82.717 66.2a18.647 18.647 0 0 1 3.495-1.563 21.71 21.71 0 0 1 2.9-.738l6.012 1.977a21.67 21.67 0 0 0-2.9.738 18.647 18.647 0 0 0-3.5 1.563"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 484",
+    d: "M95.12 65.874 89.108 63.9q.772-.143 1.578-.238a20.315 20.315 0 0 1 3.5-.125l6.012 1.977a20.329 20.329 0 0 0-3.5.125q-.805.1-1.577.238"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 485",
+    d: "m100.194 65.511-6.012-1.977a16.043 16.043 0 0 1 2.563.344l6.012 1.977a16.057 16.057 0 0 0-2.563-.344"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 486",
+    d: "m102.757 65.856-6.012-1.977a14.172 14.172 0 0 1 1.385.378l6.011 1.977a14.152 14.152 0 0 0-1.384-.378"
+  }))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8062"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8061",
+    clipPath: "url(#ilu_404_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 488",
+    d: "M111.762 72.342q5.157 7.881 5.323 24.225.174 16.92-4.659 25.628a18.41 18.41 0 0 1-10.557 8.943 22.752 22.752 0 0 1-4.5.98q-9.908 1.173-15.024-6.623t-5.28-24.185q-.174-17.094 4.635-25.781a18.351 18.351 0 0 1 10.522-8.918 22.75 22.75 0 0 1 4.473-.975q9.908-1.173 15.064 6.706M105.024 98q-.119-11.883-2.072-16.849t-6.142-4.472a6.625 6.625 0 0 0-1.291.284q-3.262 1.082-4.766 5.632-1.787 5.405-1.667 17.29t2 16.812q1.872 4.932 6.179 4.422a6.458 6.458 0 0 0 1.27-.279q3.249-1.077 4.787-5.659 1.826-5.432 1.706-17.184",
+    fill: "#4f4f4e"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 489",
+    d: "m68.362 104.011-5.613-2.924 6.934.308 5.613 2.924Z",
+    fill: "#323232"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 490",
+    d: "m52.825 127.189-5.613-2.924 2.031-13.229 5.613 2.923Z",
+    fill: "#323232"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 491",
+    d: "m56.465 103.482-5.613-2.924 1.664-10.829 5.612 2.924Z",
+    fill: "#323232"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 492",
+    d: "m58.128 92.652-5.613-2.923q.414-2.707 1.4-7.851l5.616 2.922q-.99 5.145-1.4 7.852",
+    fill: "#323232"
+  }))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8064"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8063",
+    clipPath: "url(#ilu_404_svg__g)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 493",
+    d: "m58.128 92.652-5.613-2.923q.414-2.707 1.4-7.851l5.616 2.922q-.99 5.145-1.4 7.852",
+    fill: "#323232"
+  }))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8066"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8065",
+    clipPath: "url(#ilu_404_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 495",
+    d: "m59.531 84.8-5.613-2.924q.987-5.141 1.234-5.966l5.613 2.923q-.248.827-1.234 5.967",
+    fill: "#323232"
+  }))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8068"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8067",
+    clipPath: "url(#ilu_404_svg__h)",
+    fill: "#323232"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 496",
+    d: "m59.531 84.8-5.613-2.924q.891-4.64 1.179-5.764l5.613 2.923q-.29 1.125-1.179 5.765"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 497",
+    d: "M60.709 79.036 55.1 76.112c.021-.081.04-.148.056-.2l5.612 2.924a7.866 7.866 0 0 0-.055.2"
+  }))), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 499",
+    d: "m63.3 63.383-5.618-2.923 11.227.5 5.613 2.924Z",
+    fill: "#7c7c7c"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 500",
+    d: "m42.6 102.864-5.616-2.924 13.868.618 5.613 2.924Z",
+    fill: "#323232"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 501",
+    d: "m30.274 112.865-5.613-2.924 1.441-9.388 5.612 2.924Z",
+    fill: "#7c7c7c"
+  }), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8070"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8069",
+    clipPath: "url(#ilu_404_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 502",
+    d: "m68.362 104.011 6.934.308-1.609 10.481-6.934-.307-2.03 13.229-11.9-.531 2.031-13.23-24.582-1.094 1.441-9.388 31.58-40.094 11.227.5ZM59.531 84.8q.987-5.141 1.234-5.967l-.315-.015a58.161 58.161 0 0 1-4.58 6.83L42.6 102.864l13.868.618 1.663-10.829q.414-2.708 1.4-7.852",
+    fill: "#4f4f4e"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 503",
+    d: "m31.714 103.477-5.614-2.924 31.582-40.094 5.618 2.924Z",
+    fill: "#7c7c7c"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 504",
+    d: "m149.558 99.844-6.328.072 6.258-3 6.328-.072Z",
+    fill: "#323232"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 505",
+    d: "m146.8 127.612-6.328.072-4.454-12.622 6.328-.072Z",
+    fill: "#323232"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 506",
+    d: "m138.82 104.993-6.328.072-3.645-10.332 6.328-.072Z",
+    fill: "#323232"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 507",
+    d: "m135.174 94.661-6.328.073q-.913-2.582-2.47-7.584l6.328-.073q1.557 5 2.47 7.584",
+    fill: "#323232"
+  }))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8072"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8071",
+    clipPath: "url(#ilu_404_svg__i)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 508",
+    d: "m135.174 94.661-6.328.073q-.913-2.582-2.47-7.584l6.328-.073q1.557 5 2.47 7.584",
+    fill: "#323232"
+  }))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8074"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8073",
+    clipPath: "url(#ilu_404_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 510",
+    d: "m132.705 87.077-6.328.072q-1.557-5-1.729-5.843l6.328-.072q.173.844 1.729 5.843",
+    fill: "#323232"
+  }))), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8076"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8075",
+    clipPath: "url(#ilu_404_svg__j)",
+    fill: "#323232"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 511",
+    d: "m132.705 87.077-6.328.072q-1.405-4.511-1.682-5.639l6.328-.072q.276 1.128 1.682 5.639"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 512",
+    d: "m131.023 81.439-6.328.072a7.316 7.316 0 0 1-.047-.2l6.328-.072c.012.055.027.123.047.2"
+  }))), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 514",
+    d: "m125.914 66.42-6.328.072 10.133-4.858 6.329-.072Z",
+    fill: "#7c7c7c"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 515",
+    d: "m126.3 110.995-6.328.072 12.517-6 6.328-.072Z",
+    fill: "#323232"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 516",
+    d: "m120.16 125.629-6.328.072-3.162-8.956 6.328-.072Z",
+    fill: "#323232"
+  }), /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8078"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 8077",
+    clipPath: "url(#ilu_404_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 517",
+    d: "m149.558 99.844 6.258-3 3.529 10-6.258 3 4.455 12.622-10.742 5.145-4.455-12.621-22.187 10.639-3.158-8.957 8.915-50.253 10.133-4.858Zm-16.853-12.767q-1.557-5-1.729-5.843l-.285.135a58.114 58.114 0 0 1-.813 8.184l-3.578 21.441 12.517-6-3.645-10.332q-.914-2.582-2.47-7.584",
+    fill: "#4f4f4e"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 518",
+    d: "m117 116.673-6.328.072 8.915-50.253 6.328-.072Z",
+    fill: "#323232"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 519",
+    d: "M146.43 106.681a1.374 1.374 0 1 0-.727 1.8 1.373 1.373 0 0 0 .727-1.8",
+    fill: "#fff"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 520",
+    d: "M152.1 104.245a1.375 1.375 0 1 0-.727 1.8 1.374 1.374 0 0 0 .727-1.8",
+    fill: "#e42127"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 521",
+    d: "M105.265 152.871a33.731 33.731 0 0 0 7.432-5.691 7.511 7.511 0 0 0 1.964-5.4 6.925 6.925 0 0 0-3.84-5.9 11.461 11.461 0 0 0-4.249-1.493C96.3 132.432 87.665 137.1 75.3 132.979c-3.121-1.04-5.647-3.749-4.927-7.278.343-1.682 2.021-3.157 3.741-4l3.84-1.921",
+    fill: "none",
+    stroke: "#e42127",
+    strokeMiterlimit: 10,
+    strokeWidth: 1.84
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 522",
+    d: "M78.475 119.356c.557 1.825.382 3.5-.392 3.732s-1.852-1.052-2.409-2.877-.382-3.5.392-3.732 1.852 1.052 2.409 2.877",
+    fill: "#e42127"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 523",
+    d: "m104.472 157.2-2.846 1.787-3.573-5.687 2.846-1.786a3.36 3.36 0 0 1 3.573 5.691",
+    fill: "#e42127"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Line 66",
+    fill: "none",
+    stroke: "#e42127",
+    strokeMiterlimit: 10,
+    strokeWidth: 1.533,
+    d: "m99.21 155.139-1.975 1.24"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Line 67",
+    fill: "none",
+    stroke: "#e42127",
+    strokeMiterlimit: 10,
+    strokeWidth: 1.533,
+    d: "m100.631 157.403-1.975 1.24"
+  }))))));
+};
+
+var StyledIllustrationWrapper = styled(Box)(function (_a) {
+    return ({
+        'svg': {
+            width: "115px",
+            height: "115px",
+        },
+        '&.small': {
+            'svg': {
+                width: "115px",
+                height: "115px",
+            },
+        },
+        '&.medium': {
+            'svg': {
+                width: "170px",
+                height: "170px",
+            },
+        },
+        '&.big': {
+            'svg': {
+                width: "222px",
+                height: "222px",
+            },
+        },
+        '&.large': {
+            'svg': {
+                width: "350px",
+                height: "350px",
+            },
+        },
+        '&.big-type': {
+            'svg': {
+                width: "184px",
+                height: "184px",
+            }
+        }
+    });
+});
+// @ts-ignore
+var Illustration = function (_a) {
+    var illustrationName = _a.illustrationName, color = _a.color, size = _a.size, isBigType = _a.isBigType;
+    var bigTypeClassName = isBigType ? 'big-type' : '';
+    return (jsxRuntime.exports.jsxs(StyledIllustrationWrapper, __assign({ className: "".concat(color, " ").concat(size, " ").concat(bigTypeClassName), color: color }, { children: [illustrationName === 'ilu_availability_by_item' && jsxRuntime.exports.jsx(SvgIluAvailabilityByItem, {}), illustrationName === 'ilu_add_goods_to_pallet' && jsxRuntime.exports.jsx(SvgIluAddGoodsToPallet, {}), illustrationName === 'ilu_availability_by_index' && jsxRuntime.exports.jsx(SvgIluAvailabilityByIndex, {}), illustrationName === 'ilu_availability_by_location' && jsxRuntime.exports.jsx(SvgIluAvailabilityByLocation, {}), illustrationName === 'ilu_blocked_pallet' && jsxRuntime.exports.jsx(SvgIluBlockedPallet, {}), illustrationName === 'ilu_finished_product' && jsxRuntime.exports.jsx(SvgIluFinishedProduct, {}), illustrationName === 'ilu_from_pallet_to_rack' && jsxRuntime.exports.jsx(SvgIluFromPalletToRack, {}), illustrationName === 'ilu_internal_logistic' && jsxRuntime.exports.jsx(SvgIluInternalLogistic, {}), illustrationName === 'ilu_inventory' && jsxRuntime.exports.jsx(SvgIluInventory, {}), illustrationName === 'ilu_inventory_transfer' && jsxRuntime.exports.jsx(SvgIluInventoryTransfer, {}), illustrationName === 'ilu_labeling_of_pallets' && jsxRuntime.exports.jsx(SvgIluLabelingOfPallets, {}), illustrationName === 'ilu_loading_car' && jsxRuntime.exports.jsx(SvgIluLoadingCar, {}), illustrationName === 'ilu_manual_transfer' && jsxRuntime.exports.jsx(SvgIluManualTransfer, {}), illustrationName === 'ilu_move_goods_from_pallet_to_another' && jsxRuntime.exports.jsx(SvgIluMoveGoodsFromPalletToAnother, {}), illustrationName === 'ilu_printing_label' && jsxRuntime.exports.jsx(SvgIluPrintingLabel, {}), illustrationName === 'ilu_production' && jsxRuntime.exports.jsx(SvgIluProduction, {}), illustrationName === 'ilu_quality_control' && jsxRuntime.exports.jsx(SvgIluQualityControl, {}), illustrationName === 'ilu_release_of_goods_from_warehouse' && jsxRuntime.exports.jsx(SvgIluReleaseOfGoodsFromWarehouse, {}), illustrationName === 'ilu_remove_goods_from_pallet' && jsxRuntime.exports.jsx(SvgIluRemoveGoodsFromPallet, {}), illustrationName === 'ilu_reprinting_label' && jsxRuntime.exports.jsx(SvgIluReprintingLabel, {}), illustrationName === 'ilu_return_from_customers' && jsxRuntime.exports.jsx(SvgIluReturnFromCustomers, {}), illustrationName === 'ilu_sale' && jsxRuntime.exports.jsx(SvgIluSale, {}), illustrationName === 'ilu_shift_pallet' && jsxRuntime.exports.jsx(SvgIluShiftPallet, {}), illustrationName === 'ilu_shopping' && jsxRuntime.exports.jsx(SvgIluShopping, {}), illustrationName === 'ilu_status_change' && jsxRuntime.exports.jsx(SvgIluStatusChange, {}), illustrationName === 'ilu_storage_field' && jsxRuntime.exports.jsx(SvgIluStorageField, {}), illustrationName === 'ilu_warehouse_loading' && jsxRuntime.exports.jsx(SvgIluWarehouseLoading, {}), illustrationName === 'ilu_moving_box_to_another_shelf' && jsxRuntime.exports.jsx(SvgMovingBoxToAnotherShelf, {}), illustrationName === 'ilu_search' && jsxRuntime.exports.jsx(SvgIluSearch, {}), illustrationName === 'ilu_404' && jsxRuntime.exports.jsx(SvgIlu404, {})] })));
+};
+
+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); }
+var SvgIconWfSearch = function SvgIconWfSearch(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$F({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 26,
+    height: 26
+  }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20574",
+    fill: "#e42127",
+    d: "m16.788 18.066 1.274-1.274 6.724 6.724-1.274 1.274z"
+  })), _path2$c || (_path2$c = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84637",
+    d: "M10.742 20.266a9.529 9.529 0 1 1 9.529-9.529 9.529 9.529 0 0 1-9.529 9.529Zm0-17.255a7.727 7.727 0 1 0 7.727 7.727 7.727 7.727 0 0 0-7.727-7.727Z",
+    fill: "#293072"
+  })), _path3$4 || (_path3$4 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20575",
+    fill: "none",
+    d: "M0 0h26v26H0z"
+  })));
+};
+
+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); }
+var SvgIconWfLocked = function SvgIconWfLocked(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$E({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 26,
+    height: 26
+  }, props), _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20466",
+    fill: "#e42127",
+    d: "M12.123 13.888h1.754v5.236h-1.754z"
+  })), _path2$b || (_path2$b = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84584",
+    d: "M22.652 8.632h-3.3v-5.28a1.744 1.744 0 0 0-1.743-1.742H8.39a1.744 1.744 0 0 0-1.742 1.742v5.28h-3.3a1.744 1.744 0 0 0-1.739 1.742v12.272a1.744 1.744 0 0 0 1.742 1.742h19.3a1.744 1.744 0 0 0 1.743-1.742V10.374a1.744 1.744 0 0 0-1.742-1.742ZM8.39 3.346h9.219v5.28H8.388Zm14.263 19.3H3.344V10.369h19.308Z",
+    fill: "#293072"
+  })), _path3$3 || (_path3$3 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20467",
+    fill: "none",
+    d: "M0 0h26v26H0z"
+  })));
+};
+
+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); }
+var SvgIconWfDownload = function SvgIconWfDownload(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$D({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
+    "data-name": "color-2",
+    fill: "#e42127",
+    d: "M3.121 39.74h39.758v3.058H3.121z"
+  })), _path2$a || (_path2$a = /*#__PURE__*/React.createElement("path", {
+    "data-name": "color-1",
+    d: "m35.285 20.636-9.991 9.988V3.122h-3.06v27.614l-9.949-10.09-2.177 2.148 11.413 11.572a3.038 3.038 0 0 0 2.167.91h.011a3.036 3.036 0 0 0 2.162-.9l11.586-11.582Z",
+    fill: "#293072"
+  })), _path3$2 || (_path3$2 = /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  })));
+};
+
+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 SvgIconWfRemove = function SvgIconWfRemove(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$C({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19790",
+    fill: "#e42127",
+    d: "M14.583 3.107h16.833v3.061H14.583z"
+  })), _g$u || (_g$u = /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19787",
+    d: "M16.878 18.41h3.061v16.833h-3.061z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19788",
+    d: "M26.06 18.41h3.061v16.833H26.06z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84280",
+    d: "M33.673 13.819a.073.073 0 0 1 .073.073v24.411a1.53 1.53 0 0 1-1.53 1.53h-18.4a1.53 1.53 0 0 1-1.53-1.53V13.892a.073.073 0 0 1 .073-.073h21.314m0-3.061H12.361a3.137 3.137 0 0 0-3.134 3.134v24.411a4.6 4.6 0 0 0 4.591 4.591h18.4a4.6 4.6 0 0 0 4.591-4.591V13.892a3.137 3.137 0 0 0-3.134-3.134Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19789",
+    d: "M3.106 10.758h39.788v3.061H3.106z"
+  }))), _path2$9 || (_path2$9 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19791",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  })));
+};
+
+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 SvgIconWfLogout = function SvgIconWfLogout(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$B({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$t || (_g$t = /*#__PURE__*/React.createElement("g", {
+    "data-name": "icon_wf_logout"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "color-2",
+    d: "M41.885 20.944 30.77 9.829l-2.146 2.147 9.53 9.536H13.089v3.036h25.177l-9.632 9.496 2.132 2.162L41.87 25.262a3.041 3.041 0 0 0 .015-4.314Z",
+    fill: "#e42127"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84271",
+    d: "M23.705 42.73H6.081a3.044 3.044 0 0 1-3.041-3.041V6.31a3.044 3.044 0 0 1 3.041-3.04h17.624v3.036H6.081v33.383l17.629.005Z",
+    fill: "#293072"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19773",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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); }
+var SvgIconWfEdit = function SvgIconWfEdit(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$A({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
+    "data-name": "color-2",
+    fill: "#e42127",
+    d: "M26.049 39.853H42.89v3.036H26.049z"
+  })), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "color-1",
+    d: "m42.029 12.306-8.39-8.365a2.706 2.706 0 0 0-1.885-.819 1.941 1.941 0 0 0-1.4.554L3.282 30.836a.46.46 0 0 0-.134.327l.039 10.184a1.523 1.523 0 0 0 1.518 1.514l10.194.017a.461.461 0 0 0 .326-.135l27.08-27.158a2.343 2.343 0 0 0-.276-3.279ZM13.758 39.657l-7.353-.012-.028-7.349 19.36-19.419 7.368 7.374ZM35.379 17.97l-7.374-7.373 3.862-3.874 7.385 7.362Z",
+    fill: "#293072"
+  })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19786",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  })));
+};
+
+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 SvgIconWfSettingsOrFilter = function SvgIconWfSettingsOrFilter(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$z({
+    "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.createElement("g", {
+    "data-name": "Group 42290"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84278",
+    d: "M42.909 21.54H21.064v-2.089a1.806 1.806 0 0 0-1.8-1.8H12.17a1.806 1.806 0 0 0-1.8 1.8v2.089H3.093v3.036h7.271v2.088a1.805 1.805 0 0 0 1.8 1.8h7.093a1.805 1.805 0 0 0 1.8-1.8v-2.089h21.852Zm-24.992 3.781h-4.406v-4.527h4.406Z",
+    fill: "#e42127"
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84276",
+    d: "M42.909 36.028h-7.461v-1.954a1.75 1.75 0 0 0-1.748-1.748h-6.83a1.75 1.75 0 0 0-1.748 1.748v1.954H3.093v3.036h22.033v1.953a1.749 1.749 0 0 0 1.744 1.747h6.83a1.749 1.749 0 0 0 1.748-1.748v-1.952h7.461Zm-10.5 3.7h-4.247v-4.366h4.251Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84277",
+    d: "M42.909 6.871h-7.461V4.918A1.75 1.75 0 0 0 33.7 3.17h-6.83a1.75 1.75 0 0 0-1.748 1.748v1.953H3.093v3.036h22.033v1.954a1.75 1.75 0 0 0 1.744 1.748h6.83a1.75 1.75 0 0 0 1.748-1.748V9.907h7.461Zm-10.5 3.7h-4.247V6.206h4.251Z"
+  })), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19784",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfBarcode1D = function SvgIconWfBarcode1D(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$y({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$r || (_g$r = /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85537",
+    d: "m4.581 12.288-3.036-.01.02-6.122a3.049 3.049 0 0 1 3.044-3.025h6.1v3.036h-6.1Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85538",
+    d: "M10.711 42.887h-6.1a3.048 3.048 0 0 1-3.04-3.021l-.02-6.127 3.036-.01.02 6.121h6.104Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85539",
+    d: "m41.398 12.271-.023-6.126h-6.107V3.114h6.1a3.048 3.048 0 0 1 3.043 3.021l.02 6.127Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85540",
+    d: "M41.37 42.872h-6.1v-3.036h6.1l.024-6.121 3.036.01-.02 6.122a3.049 3.049 0 0 1-3.04 3.026"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22306",
+    d: "M6.164 12.284H9.2V33.72H6.164z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22307",
+    d: "M13.264 12.284h1.38V33.72h-1.38z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22308",
+    d: "M17.926 12.285h4.6v21.42h-4.6z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22309",
+    d: "M25.808 12.284h1.38V33.72h-1.38z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22310",
+    d: "M31.251 12.284h3.036V33.72h-3.036z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22311",
+    d: "M38.352 12.284h1.38V33.72h-1.38z"
+  }))), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22312",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  })));
+};
+
+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 SvgIconWfBarcode2D = function SvgIconWfBarcode2D(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$x({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$q || (_g$q = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 43962"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84676",
+    d: "M39.785 42.871h-6.1v-3.036h6.1l.024-6.121 3.036.009-.019 6.122a3.049 3.049 0 0 1-3.041 3.026Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84677",
+    d: "m28.312 34.458-3.036-.01.02-6.121a3.047 3.047 0 0 1 3.04-3.028h6.1v3.036h-6.1Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84678",
+    d: "M20.681 42.889H6.154a3.066 3.066 0 0 1-3.062-3.062V25.299h17.589ZM6.128 28.337v11.49l11.517.023V28.337Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84679",
+    d: "M20.681 20.715H3.092V6.188A3.066 3.066 0 0 1 6.154 3.13h14.527Zm-14.55-3.036h11.514V6.162H6.154Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84680",
+    d: "M42.87 20.715H25.281V3.13h14.527a3.065 3.065 0 0 1 3.062 3.062Zm-14.549-3.036h11.513V6.188l-11.513-.023Z"
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "#e42127"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20923",
+    d: "M10.355 10.389h3.062v3.062h-3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20924",
+    d: "M10.34 32.564h3.062v3.062H10.34z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20925",
+    d: "M32.545 10.389h3.062v3.062h-3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20926",
+    d: "M32.545 32.578h3.062v3.062h-3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20927",
+    d: "M39.791 25.302h3.062v3.062h-3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20928",
+    d: "M25.268 39.823h3.062v3.062h-3.062z"
+  })), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20929",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfBarcodePrinter = function SvgIconWfBarcodePrinter(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$w({
+    "data-name": "Component 292 \\u2013 5",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$p || (_g$p = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 43974"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20938",
+    fill: "#e42127",
+    d: "M32.141 34.47h-3.062v-3.062h3.062z"
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20931",
+    d: "M11.508 8.455h3.036v14.552h-3.036z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20932",
+    d: "M18.14 8.455h3.036v9.182H18.14z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20933",
+    d: "M24.771 8.455h3.036v9.182h-3.036z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20934",
+    d: "M31.402 8.455h3.036v14.552h-3.036z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20935",
+    d: "M27.82 22.993h-3.062v-3.062h3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20936",
+    d: "M21.188 22.993h-3.062v-3.062h3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20937",
+    d: "M36.731 34.47h-3.062v-3.062h3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84682",
+    d: "M40.192 25.315H39.07V5.916a2.812 2.812 0 0 0-2.809-2.809H9.726a2.813 2.813 0 0 0-2.809 2.809v19.4H5.796a2.694 2.694 0 0 0-2.691 2.691v12.176a2.694 2.694 0 0 0 2.691 2.691h34.4a2.694 2.694 0 0 0 2.691-2.691V28.006a2.694 2.694 0 0 0-2.695-2.691ZM9.954 6.143h26.08V25.3H9.954Zm29.893 33.695H6.141V28.352h33.706Z"
+  })), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20939",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfBox = function SvgIconWfBox(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$v({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$o || (_g$o = /*#__PURE__*/React.createElement("g", {
+    "data-name": "icon_wf_box v1"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20916",
+    fill: "#e42127",
+    d: "M33.671 36.766h-3.062v-3.062h3.062z"
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84669",
+    d: "M30.597 19.993H15.316v-7.72h3.04v4.683h9.2v-4.683h3.036Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84670",
+    d: "M36.889 42.848H9.116a2.909 2.909 0 0 1-2.906-2.905V12.165a2.909 2.909 0 0 1 2.906-2.906h27.773a2.909 2.909 0 0 1 2.905 2.906v27.777a2.908 2.908 0 0 1-2.905 2.906ZM9.242 39.812h27.517V12.295H9.242Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84671",
+    d: "M39.807 12.295H6.118a3.044 3.044 0 0 1-3.04-3.04V6.167a3.043 3.043 0 0 1 3.04-3.037h33.689a3.043 3.043 0 0 1 3.041 3.04v3.087a3.044 3.044 0 0 1-3.041 3.038ZM6.118 6.163v3.092h33.693V6.163Z"
+  })), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20917",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfCalculator = function SvgIconWfCalculator(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$u({
+    "data-name": "Component 286 \\u2013 2",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$n || (_g$n = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 43933"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20906",
+    fill: "#e42127",
+    d: "M13.027 10.023h19.379v3.036H13.027z"
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84668",
+    d: "M36.773 42.88H9.227a3.043 3.043 0 0 1-3.04-3.04V6.161a3.044 3.044 0 0 1 3.04-3.041h27.546a3.044 3.044 0 0 1 3.04 3.041v33.677a3.043 3.043 0 0 1-3.04 3.042ZM9.227 6.156V39.84h27.55V6.157Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20907",
+    d: "M24.241 28.382h-3.062V25.32h3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20908",
+    d: "M16.076 28.382h-3.062V25.32h3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20909",
+    d: "M32.406 20.774h-3.062v-3.062h3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20910",
+    d: "M24.241 20.774h-3.062v-3.062h3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20911",
+    d: "M16.076 20.774h-3.062v-3.062h3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20912",
+    d: "M32.406 36.005h-3.062V25.32h3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20913",
+    d: "M24.241 36.005h-3.062v-3.062h3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20914",
+    d: "M16.076 36.005h-3.062v-3.062h3.062z"
+  })), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20915",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfCalendar = function SvgIconWfCalendar(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$t({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$m || (_g$m = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 43270"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "#e42127"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20468",
+    d: "M9.474 9.472h27.05v2.983H9.474z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20470",
+    d: "M28.516 27.512h-3.009v-3.009h3.009z"
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84585",
+    d: "M39.042 6.467a.452.452 0 0 1 .452.452v32.192a.452.452 0 0 1-.452.452H6.852a.452.452 0 0 1-.452-.452V6.919a.452.452 0 0 1 .452-.452h32.19m0-2.983H6.852a3.439 3.439 0 0 0-3.435 3.435v32.192a3.439 3.439 0 0 0 3.435 3.435h32.19a3.439 3.439 0 0 0 3.435-3.435V6.919a3.439 3.439 0 0 0-3.435-3.435Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20469",
+    d: "M36.539 27.512H33.53v-3.009h3.009z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20471",
+    d: "M20.493 27.512h-3.009v-3.009h3.009z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20472",
+    d: "M12.47 27.512H9.461v-3.009h3.009z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20473",
+    d: "M36.539 20.036H33.53v-3.009h3.009z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20474",
+    d: "M28.516 20.036h-3.009v-3.009h3.009z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20475",
+    d: "M20.493 20.036h-3.009v-3.009h3.009z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20476",
+    d: "M12.47 20.036H9.461v-3.009h3.009z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20477",
+    d: "M28.516 35.003h-3.009v-3.009h3.009z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20478",
+    d: "M20.493 35.003h-3.009v-3.009h3.009z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20479",
+    d: "M12.47 35.003H9.461v-3.009h3.009z"
+  })), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20480",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfCar = function SvgIconWfCar(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$s({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$l || (_g$l = /*#__PURE__*/React.createElement("g", {
+    fill: "#e42127"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20900",
+    d: "M16.949 27.53h-3.016v-3.016h3.016z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20901",
+    d: "M3.381 16.976h5.258v2.99H3.381z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20902",
+    d: "M37.309 16.99h5.258v2.99h-5.258z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20903",
+    d: "M32.007 27.53h-3.016v-3.016h3.016z"
+  }))), _g2 || (_g2 = /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20904",
+    d: "M9.394 16.99h27.145v2.99H9.394z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84667",
+    d: "M39.528 30.96V16.992h-.031L33.729 5.347a2.99 2.99 0 0 0-2.8-1.934H15.005a2.991 2.991 0 0 0-2.8 1.931l-5.79 11.603.092.046h-.115v22.6a3 3 0 0 0 2.994 2.994h4.336a3 3 0 0 0 2.995-2.994V36.56h12.5v3.035a3 3 0 0 0 2.995 2.994h4.336a3 3 0 0 0 2.995-2.994V30.96ZM14.921 6.598l.085-.2h15.927l5.229 10.588H9.734ZM9.382 19.981h27.155v13.59H9.382v-13.59Zm4.341 19.618H9.382V36.56h4.344Zm18.484 0V36.56h4.341v3.039Z"
+  }))), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20905",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  })));
+};
+
+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 SvgIconWfForklift = function SvgIconWfForklift(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$r({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$k || (_g$k = /*#__PURE__*/React.createElement("g", {
+    "data-name": "icon_wf_forklift"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "#e42127"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20941",
+    d: "M29.695 20.697h5.339v3.036h-5.339z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84690",
+    d: "M43.829 36.74h-6.131a3.044 3.044 0 0 1-3.04-3.04V3.097h3.036v30.6h6.136Z"
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84688",
+    d: "M26.782 42.961a6.872 6.872 0 0 1-6.81-6l-.189-1.507 3.013-.378.189 1.506a3.83 3.83 0 1 0 5.586-3.874l-1.342-.709 1.419-2.684 1.342.709a6.866 6.866 0 0 1-3.207 12.938Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84689",
+    d: "M5.532 42.855H4.014v-3.04h1.518a3.832 3.832 0 0 0 .018-7.663H4.031V29.12h1.518a6.868 6.868 0 0 1-.018 13.735Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84691",
+    d: "M23.193 38.287H9.307v-3.04h10.672a6.923 6.923 0 0 1 1.691-3.7 6.85 6.85 0 0 1 5.066-2.325 8.392 8.392 0 0 1 1.027.069v-9.165a14 14 0 0 0-13.98-13.979H7.094v26.008h-3.04V6.147a3.043 3.043 0 0 1 3.04-3.04h6.688a17.034 17.034 0 0 1 17.016 17.019V33.89l-2.23-1.185a3.822 3.822 0 0 0-1.788-.439h-.025a3.885 3.885 0 0 0-3.776 4.276Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84692",
+    d: "M17.039 23.754a3.041 3.041 0 0 1-3.04-3.041V3.64h3.036v17.073l13.264-.01v3.036l-13.259.016Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20942",
+    d: "M19.33 13.025h3.062V22.2H19.33z"
+  })), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20943",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfInvoice = function SvgIconWfInvoice(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$q({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$j || (_g$j = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 42733"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "#e42127"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19846",
+    d: "M14.677 21.489h16.596v2.992H14.677z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19847",
+    d: "M14.677 30.552h16.596v2.992H14.677z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19848",
+    d: "M14.677 12.438h5.268v3.016h-5.268z"
+  })), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84307",
+    d: "M28.033 3.393H9.426a3 3 0 0 0-3 3v33.188a3 3 0 0 0 3 3h27.146a3 3 0 0 0 3-3V14.928Zm.863 5.094 5.535 5.535h-5.537Zm7.677 31.1H9.422l.005-33.2h16.516v10.589h10.635v22.609Z",
+    fill: "#293072"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19849",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfKeyboard = function SvgIconWfKeyboard(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$p({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 45,
+    height: 45
+  }, props), _g$i || (_g$i = /*#__PURE__*/React.createElement("g", {
+    "data-name": "icon_wf_keyboard_1"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20200",
+    fill: "#e42127",
+    d: "M14.427 28.372h16.148v2.936H14.427z"
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20201",
+    d: "M9.288 13.692h2.936v2.936H9.288z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20202",
+    d: "M17.118 13.692h2.936v2.936h-2.936z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20203",
+    d: "M24.947 13.692h2.936v2.936h-2.936z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20204",
+    d: "M32.776 13.692h2.936v2.936h-2.936z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20205",
+    d: "M9.288 20.988h2.936v2.936H9.288z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20206",
+    d: "M17.118 20.988h2.936v2.936h-2.936z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20207",
+    d: "M24.947 20.988h2.936v2.936h-2.936z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20208",
+    d: "M32.776 20.988h2.936v2.936h-2.936z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84443",
+    d: "M38.296 8.081a.443.443 0 0 1 .444.444v25.683a.443.443 0 0 1-.444.444H6.704a.444.444 0 0 1-.444-.444V8.525a.444.444 0 0 1 .444-.444h31.592m0-2.952H6.704a3.4 3.4 0 0 0-3.4 3.4v25.679a3.4 3.4 0 0 0 3.4 3.4h31.592a3.4 3.4 0 0 0 3.4-3.4V8.525a3.4 3.4 0 0 0-3.4-3.4Z"
+  })), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20209",
+    fill: "none",
+    d: "M0 0h45v45H0z"
+  }))));
+};
+
+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 SvgIconWfLogs = function SvgIconWfLogs(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$o({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$h || (_g$h = /*#__PURE__*/React.createElement("g", {
+    "data-name": "icon_wf_logs"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84292",
+    d: "M42.899 31.454h-35l6.262-6.262-2.149-2.149-8.143 8.142a2.59 2.59 0 0 0 .012 3.678l8.135 8.024 2.134-2.164-6.316-6.229h35.065Z",
+    fill: "#e42127"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84293",
+    d: "m42.178 11.257-8.143-8.143-2.149 2.149 6.263 6.262H3.072v3.039h35.139l-6.316 6.23 2.134 2.164 8.135-8.023a2.592 2.592 0 0 0 .013-3.677Z",
+    fill: "#293072"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19825",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfNoBarcodePrinter = function SvgIconWfNoBarcodePrinter(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$n({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 18,
+    height: 18
+  }, props), _g$g || (_g$g = /*#__PURE__*/React.createElement("g", {
+    "data-name": "icon_wf_no-barcode-printer v1"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85785",
+    d: "M1.728 4.77h-1.2l.009-2.423a1.2 1.2 0 0 1 1.2-1.195h2.41v1.2H1.738Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85786",
+    d: "M4.147 16.854h-2.41a1.2 1.2 0 0 1-1.2-1.193l-.008-2.42h1.2l.008 2.417h2.41Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85787",
+    d: "m16.264 4.763-.008-2.418h-2.411v-1.2h2.41a1.2 1.2 0 0 1 1.2 1.193l.008 2.42Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85788",
+    d: "M16.255 16.848h-2.41v-1.2h2.41l.01-2.417h1.2l-.008 2.418a1.2 1.2 0 0 1-1.2 1.195"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22708",
+    d: "M2.351 4.768H3.55v8.466H2.351z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22709",
+    d: "M5.155 4.768H5.7v8.466h-.545z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22710",
+    d: "M6.996 4.769h1.817v8.459H6.996z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22711",
+    d: "M10.109 4.768h.545v8.466h-.545z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22712",
+    d: "M12.259 4.768h1.199v8.466h-1.199z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22713",
+    d: "M15.063 4.768h.545v8.466h-.545z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22714",
+    d: "m.833 1.993.848-.848 14.859 14.86-.848.847z"
+  })), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22715",
+    fill: "none",
+    d: "M0 0h18v18H0z"
+  }))));
+};
+
+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 SvgIconWfNoScan = function SvgIconWfNoScan(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$m({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
+    "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.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84628",
+    d: "m6.158 12.289-3.036-.01.015-6.122a3.049 3.049 0 0 1 3.04-3.026h6.1v3.036h-6.1Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84629",
+    d: "M12.284 42.886h-6.1a3.048 3.048 0 0 1-3.047-3.021l-.02-6.127 3.036-.01.02 6.121h6.107Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84630",
+    d: "m39.859 12.271-.02-6.121h-6.106V3.114h6.1a3.048 3.048 0 0 1 3.042 3.021l.019 6.126Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84631",
+    d: "M39.834 42.872h-6.1v-3.036h6.1l.024-6.121 3.036.01-.019 6.122a3.049 3.049 0 0 1-3.041 3.025Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20549",
+    d: "M10.778 12.284h3.036v14.534h-3.036z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20550",
+    d: "M17.919 12.284h3.036v14.534h-3.036z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20551",
+    d: "M25.061 12.284h3.036v14.534h-3.036z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20552",
+    d: "M32.202 12.284h3.036v14.534h-3.036z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20553",
+    d: "M10.752 30.658h3.062v3.062h-3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20554",
+    d: "M17.906 30.658h3.062v3.062h-3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20555",
+    d: "M25.047 30.658h3.062v3.062h-3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20556",
+    d: "M32.174 30.658h3.062v3.062h-3.062z"
+  }))), _path2$7 || (_path2$7 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20558",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  })));
+};
+
+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 SvgIconWfPallet = function SvgIconWfPallet(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$l({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$e || (_g$e = /*#__PURE__*/React.createElement("g", {
+    "data-name": "icon_wf_pallet_v1"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84681",
+    d: "M42.568 28.88a3.019 3.019 0 0 0 .254-1.213v-9.754a2.282 2.282 0 0 0-2.279-2.279H5.324a2.282 2.282 0 0 0-2.28 2.279v.986h-.041v8.767a3.018 3.018 0 0 0 .336 1.381 2.253 2.253 0 0 0-.228.976v.987h-.037v8.767a3.043 3.043 0 0 0 3.04 3.04h4.4a3.044 3.044 0 0 0 3.041-3.04v-2.874h18.85v2.876a3.044 3.044 0 0 0 3.041 3.04h4.4a3.043 3.043 0 0 0 3.04-3.04v-9.753a2.256 2.256 0 0 0-.318-1.146ZM6.039 27.666v-2.875h4.41v2.881Zm7.447 0v-2.875h18.853v2.955H13.483c0-.026.003-.053.003-.08Zm26.295.005-4.407-.005v-2.875h4.409Zm-33.7-9h33.705v3.085H6.08Zm4.432 21.114H6.106v-2.882h4.41Zm24.929 0v-2.882h4.408v2.881Zm4.41-5.911H6.147v-3.092h33.706v3.085Z",
+    fill: "#293072"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20930",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfPin = function SvgIconWfPin(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$k({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$d || (_g$d = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 42962"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20318",
+    fill: "#e42127",
+    d: "M14.114 21.46h17.57v3.079h-17.57z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84520",
+    d: "M43.063 30.997v-16a3.169 3.169 0 0 0-3.173-3.173H28.606v3.17h11.291l-.007 16H28.606v3.179H39.89A3.169 3.169 0 0 0 43.063 31Zm-36.956 0v-16h11.569v-3.17H6.107a3.181 3.181 0 0 0-3.172 3.172v16a3.18 3.18 0 0 0 3.175 3.174h11.569v-3.176Z",
+    fill: "#293072"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20319",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfScan = function SvgIconWfScan(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$j({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19774",
+    fill: "#e42127",
+    d: "M14.587 23.77h16.84v3.036h-16.84z"
+  })), _g$c || (_g$c = /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84272",
+    d: "m6.157 12.289-3.036-.01.015-6.122a3.049 3.049 0 0 1 3.04-3.026h6.1v3.036h-6.1Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84273",
+    d: "M12.283 42.887h-6.1a3.048 3.048 0 0 1-3.047-3.021l-.02-6.127 3.036-.01.02 6.121h6.107Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84274",
+    d: "m39.858 12.271-.02-6.121h-6.106V3.114h6.1a3.048 3.048 0 0 1 3.042 3.021l.019 6.126Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84275",
+    d: "M39.833 42.872h-6.1v-3.036h6.1l.024-6.121 3.036.01-.019 6.122a3.049 3.049 0 0 1-3.041 3.025Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19775",
+    d: "M10.777 12.285h3.036v7.644h-3.036z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19776",
+    d: "M17.919 12.285h3.036v7.644h-3.036z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19777",
+    d: "M25.06 12.285h3.036v7.644H25.06z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19778",
+    d: "M32.202 12.285h3.036v7.644h-3.036z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19779",
+    d: "M10.751 30.658h3.062v3.062h-3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19780",
+    d: "M17.906 30.658h3.062v3.062h-3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19781",
+    d: "M25.047 30.658h3.062v3.062h-3.062z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19782",
+    d: "M32.174 30.658h3.062v3.062h-3.062z"
+  }))), _path2$6 || (_path2$6 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19783",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  })));
+};
+
+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 SvgIconWfSend = function SvgIconWfSend(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$i({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$b || (_g$b = /*#__PURE__*/React.createElement("g", {
+    "data-name": "icon_wf_send"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "#e42127"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19792",
+    d: "m6.452 32.207 6.461-6.461 2.147 2.146-6.462 6.461z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19793",
+    d: "m11.502 37.258 6.462-6.462 2.146 2.146-6.462 6.462z"
+  })), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84281",
+    d: "m32.261 42.825-8.89-20.2-20.198-8.886 35.9-10.593a3.041 3.041 0 0 1 3.777 3.777ZM11.992 14.303l13.681 6.022 6.022 13.682 8.246-27.943v-.01Z",
+    fill: "#293072"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19794",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfStatusKsef = function SvgIconWfStatusKsef(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$h({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$a || (_g$a = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 42620"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84287",
+    d: "M21.483 31.835a3.476 3.476 0 0 1-2.448-1l-5.062-5.028 2.14-2.154 5.058 5.024a.449.449 0 0 0 .629-.005l10.941-10.941 2.147 2.147-10.941 10.94a3.477 3.477 0 0 1-2.464 1.017Z",
+    fill: "#e42127"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84288",
+    d: "M37.629 3.28h-18.88L7.043 14.986V40a3.044 3.044 0 0 0 3.041 3.04H37.63A3.044 3.044 0 0 0 40.671 40V6.321a3.044 3.044 0 0 0-3.042-3.041ZM17.873 8.449v5.616h-5.615Zm19.756 31.555H10.084V17.062h10.792V6.317H37.64Z",
+    fill: "#293072"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19778",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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 SvgIconWfStop = function SvgIconWfStop(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$g({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
+    "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.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84684",
+    d: "M9.302 27.485a2.882 2.882 0 0 1-1.256-1.072 2.929 2.929 0 0 1-.444-1.611v-.191a.213.213 0 0 1 .051-.15.189.189 0 0 1 .142-.054h2a.185.185 0 0 1 .141.054.209.209 0 0 1 .052.15v.082a.845.845 0 0 0 .38.676 1.612 1.612 0 0 0 1.011.293.924.924 0 0 0 .682-.212.662.662 0 0 0 .207-.472.49.49 0 0 0-.258-.45 5.376 5.376 0 0 0-.94-.368l-.374-.109a6.724 6.724 0 0 1-2.138-1.092 2.374 2.374 0 0 1-.863-1.98 2.7 2.7 0 0 1 .437-1.522 2.843 2.843 0 0 1 1.2-1.018 4.051 4.051 0 0 1 1.719-.355 4.128 4.128 0 0 1 1.823.4 3.128 3.128 0 0 1 1.288 1.12 2.966 2.966 0 0 1 .47 1.652v.123a.21.21 0 0 1-.052.15.185.185 0 0 1-.142.055h-2a.183.183 0 0 1-.141-.055.209.209 0 0 1-.052-.15v-.014a1.015 1.015 0 0 0-.347-.744 1.3 1.3 0 0 0-.94-.335 1.063 1.063 0 0 0-.65.178.577.577 0 0 0-.238.491.563.563 0 0 0 .174.417 1.792 1.792 0 0 0 .535.328q.36.157 1.108.4.1.04.908.293a2.785 2.785 0 0 1 1.346.915 2.453 2.453 0 0 1 .54 1.6 2.7 2.7 0 0 1-1.661 2.594 4.4 4.4 0 0 1-1.829.355 4.469 4.469 0 0 1-1.889-.372Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84685",
+    d: "M22.542 18.249a.211.211 0 0 1 .052.15v1.8a.209.209 0 0 1-.052.15.184.184 0 0 1-.141.055h-2.164c-.043 0-.065.023-.065.068v7.07a.209.209 0 0 1-.051.15.184.184 0 0 1-.142.055h-2.035a.182.182 0 0 1-.141-.055.208.208 0 0 1-.052-.15v-7.068c0-.045-.021-.068-.064-.068h-2.1a.183.183 0 0 1-.141-.055.209.209 0 0 1-.052-.15v-1.8a.211.211 0 0 1 .052-.15.185.185 0 0 1 .141-.055h6.814a.185.185 0 0 1 .141.053Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84686",
+    d: "M24.881 27.458a3.193 3.193 0 0 1-1.269-1.288 3.933 3.933 0 0 1-.451-1.918V21.69a3.835 3.835 0 0 1 .451-1.884 3.163 3.163 0 0 1 1.269-1.27 4.2 4.2 0 0 1 3.786 0 3.17 3.17 0 0 1 1.269 1.27 3.849 3.849 0 0 1 .45 1.884v2.567a3.948 3.948 0 0 1-.45 1.918 3.2 3.2 0 0 1-1.269 1.283 4.148 4.148 0 0 1-3.786 0Zm2.756-2.116a1.472 1.472 0 0 0 .328-1v-2.68a1.472 1.472 0 0 0-.328-1 1.1 1.1 0 0 0-.87-.376 1.082 1.082 0 0 0-.856.376 1.468 1.468 0 0 0-.329 1v2.676a1.467 1.467 0 0 0 .329 1 1.082 1.082 0 0 0 .856.376 1.1 1.1 0 0 0 .87-.373Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84687",
+    d: "M36.942 18.584a2.673 2.673 0 0 1 1.075 1.105 3.46 3.46 0 0 1 .38 1.645 3.177 3.177 0 0 1-.4 1.611 2.748 2.748 0 0 1-1.12 1.079 3.5 3.5 0 0 1-1.662.382h-1.364c-.043 0-.064.023-.064.069v3.067a.21.21 0 0 1-.052.15.184.184 0 0 1-.142.055h-2.035a.183.183 0 0 1-.142-.055.208.208 0 0 1-.052-.15v-9.143a.211.211 0 0 1 .052-.15.186.186 0 0 1 .142-.055h3.774a3.238 3.238 0 0 1 1.61.39Zm-1.243 3.508a.909.909 0 0 0 .29-.7.949.949 0 0 0-.29-.724 1.073 1.073 0 0 0-.766-.272h-1.082c-.043 0-.064.022-.064.068v1.829c0 .046.021.068.064.068h1.082a1.089 1.089 0 0 0 .766-.269Z"
+  }))), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20940",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  })));
+};
+
+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 SvgIconWfUnpin = function SvgIconWfUnpin(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$f({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$8 || (_g$8 = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 42617"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19775",
+    d: "M14.133 21.485h17.281v3.029H14.133z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84286",
+    d: "M42.606 30.866V15.131a3.117 3.117 0 0 0-3.121-3.121h-11.1v3.118H39.49l-.007 15.742h-11.1v3.124h11.1a3.117 3.117 0 0 0 3.121-3.121Zm-36.349 0V15.128h11.379v-3.114H6.257a3.128 3.128 0 0 0-3.121 3.121v15.731a3.128 3.128 0 0 0 3.121 3.121h11.379v-3.121Z"
+  })), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19776",
+    fill: "#e42127",
+    d: "M2.86 5.298 5 3.158l37.54 37.538-2.141 2.14z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19777",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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); }
+var SvgIconWfRefresh = function SvgIconWfRefresh(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$e({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 26,
+    height: 26
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84133",
+    d: "M22.77 9.935h-4.386v-1.76h4.382l.032-4.442 1.76.011-.028 4.437a1.769 1.769 0 0 1-1.76 1.754Z",
+    fill: "#293072"
+  })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84134",
+    d: "m3.333 22.314-1.76-.011.028-4.423a1.769 1.769 0 0 1 1.764-1.753H7.76v1.76H3.365Z",
+    fill: "#e42127"
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84135",
+    d: "M13.066 3.246a9.761 9.761 0 0 1 8.988 5.967c.112.266 1.582-.814 1.385-1.222a11.517 11.517 0 0 0-21.817 3.71H3.4a9.769 9.769 0 0 1 9.666-8.455Z",
+    fill: "#293072"
+  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84136",
+    d: "M13.067 22.755a9.758 9.758 0 0 1-8.986-5.969c-.11-.262-1.754.412-1.623.719a11.53 11.53 0 0 0 21.921-2.268h-1.823a9.751 9.751 0 0 1-9.489 7.518Z",
+    fill: "#e42127"
+  })), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 19550",
+    fill: "none",
+    d: "M0 0h26v26H0z"
+  })));
+};
+
+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); }
+var SvgIconUiClose = function SvgIconUiClose(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$d({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84635",
+    d: "M42.737 5.409 40.59 3.262 23 20.853 5.409 3.262 3.262 5.409 20.853 23 3.262 40.591l2.147 2.147L23 25.147l17.59 17.591 2.147-2.147L25.146 23Z",
+    fill: "#2a3270"
+  })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  })));
+};
+
+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); }
+var SvgIconUiChevronUp = function SvgIconUiChevronUp(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$c({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84638",
+    d: "m5.074 33.898-2.178-2.176 18.023-18.025a3.062 3.062 0 0 1 2.18-.9h.012a3.062 3.062 0 0 1 2.185.919l17.754 18-2.193 2.163-17.754-18Z",
+    fill: "#293072"
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20576",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  })));
+};
+
+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 SvgIconUiChevronDown = function SvgIconUiChevronDown(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$b({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _g$7 || (_g$7 = /*#__PURE__*/React.createElement("g", {
+    "data-name": "icon_wf_arrow_1"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84570",
+    d: "M22.877 32.977h-.011a2.986 2.986 0 0 1-2.131-.9L3.425 14.531l2.138-2.108 17.31 17.551 17.574-17.578 2.123 2.123-17.568 17.577a2.985 2.985 0 0 1-2.125.881Z",
+    fill: "#293072"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20445",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  }))));
+};
+
+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); }
+var SvgIconUiChevronRight = function SvgIconUiChevronRight(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$a({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84638",
+    d: "m12.421 41.245 2.178 2.178L32.621 25.4a3.062 3.062 0 0 0 .9-2.18v-.012a3.062 3.062 0 0 0-.919-2.185l-18-17.754-2.159 2.193 18 17.754Z",
+    fill: "#293072"
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20576",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  })));
+};
+
+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); }
+var SvgIconUiChevronLeft = function SvgIconUiChevronLeft(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$9({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 46,
+    height: 46
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 84638",
+    d: "m33.525 41.245-2.176 2.178L13.324 25.4a3.062 3.062 0 0 1-.9-2.18v-.012a3.062 3.062 0 0 1 .919-2.185l18-17.754 2.163 2.193-18 17.754Z",
+    fill: "#293072"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 20576",
+    fill: "none",
+    d: "M0 0h46v46H0z"
+  })));
+};
+
+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 SvgIconSpCheckMark = function SvgIconSpCheckMark(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$8({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 42,
+    height: 42
+  }, props), _g$6 || (_g$6 = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 47571"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85747",
+    d: "M3.051 21A17.935 17.935 0 1 0 20.986 3.065 17.935 17.935 0 0 0 3.051 21",
+    fill: "#15b028"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85748",
+    d: "M18.734 28.265a3.473 3.473 0 0 1-2.474-1.026l-5.8-5.8 3.54-3.53 4.729 4.728 9.807-9.937 3.558 3.513-10.868 11.01a3.472 3.472 0 0 1-2.478 1.042Zm-1.067-4.555Zm2.133-.01Z",
+    fill: "#fff"
+  }))));
+};
+
+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 SvgIconSpWarning = function SvgIconSpWarning(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$7({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 42,
+    height: 42
+  }, props), _g$5 || (_g$5 = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 47569"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85746",
+    d: "M2.974 21A17.935 17.935 0 1 0 20.909 3.065 17.935 17.935 0 0 0 2.974 21",
+    fill: "#e42127"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22649",
+    fill: "#fff",
+    d: "M18.34 10.833h5v12.174h-5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22650",
+    fill: "#fff",
+    d: "M18.326 25.98h5.028v5.028h-5.028z"
+  }))));
+};
+
+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 SvgIconSpInfo = function SvgIconSpInfo(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$6({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 45,
+    height: 45
+  }, props), _g$4 || (_g$4 = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 47565"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85744",
+    d: "M41.658 22.507A19.165 19.165 0 1 0 22.492 41.67a19.166 19.166 0 0 0 19.166-19.163",
+    fill: "#293072"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22643",
+    fill: "#fff",
+    d: "M19.895 20.363h5.343v13.009h-5.343z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22644",
+    fill: "#fff",
+    d: "M19.88 11.813h5.373v5.373H19.88z"
+  }))));
+};
+
+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 SvgIconSpInfo2 = function SvgIconSpInfo2(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 45,
+    height: 45
+  }, props), _g$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
+    fill: "#293072"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85745",
+    d: "M22.487 40.996a18.5 18.5 0 1 1 18.5-18.5 18.515 18.515 0 0 1-18.5 18.5m0-32.877A14.381 14.381 0 1 0 36.867 22.5a14.4 14.4 0 0 0-14.38-14.381"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22646",
+    d: "M19.985 20.436h5.142v12.521h-5.142z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22647",
+    d: "M19.971 12.207h5.171v5.171h-5.171z"
+  }))));
+};
+
+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); }
+var SvgMenuBurger = function SvgMenuBurger(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
+    "data-name": "menu burger",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 42,
+    height: 36
+  }, props), _rect$1 || (_rect$1 = /*#__PURE__*/React.createElement("rect", {
+    "data-name": "Rectangle 17015",
+    width: 42,
+    height: 6,
+    rx: 3,
+    fill: "#fff"
+  })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement("rect", {
+    "data-name": "Rectangle 17018",
+    width: 42,
+    height: 6,
+    rx: 3,
+    transform: "translate(0 30)",
+    fill: "#fff"
+  })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement("rect", {
+    "data-name": "Rectangle 17016",
+    width: 33,
+    height: 6,
+    rx: 3,
+    transform: "translate(9 15)",
+    fill: "#fff"
+  })));
+};
+
+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 SvgUpdateIcon = function SvgUpdateIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
+    "data-name": "Component 231 \\u2013 4",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 25.813,
+    height: 23.313
+  }, props), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "update_icon_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22651",
+    transform: "translate(.448 .448)",
+    fill: "#61cc61",
+    d: "M0 0h18v18H0z"
+  })))), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+    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.createElement("g", {
+    "data-name": "Group 47569",
+    clipPath: "url(#update_icon_svg__a)",
+    transform: "translate(7.365 -.448)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85746",
+    d: "M1.338 9.448a8.069 8.069 0 1 0 8.069-8.069 8.069 8.069 0 0 0-8.069 8.069",
+    fill: "#61cc61"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22649",
+    fill: "#fff",
+    d: "M8.251 4.874H10.5v5.477H8.251z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22650",
+    fill: "#fff",
+    d: "M8.245 11.688h2.262v2.262H8.245z"
+  }))));
+};
+
+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 SvgCheckboxDefault = function SvgCheckboxDefault(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 27,
+    height: 27
+  }, props), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Rectangle 18315",
+    fill: "#fff",
+    stroke: "#a7b1d3",
+    strokeWidth: 1.5
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 27,
+    height: 27,
+    rx: 3,
+    stroke: "none"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 0.75,
+    y: 0.75,
+    width: 25.5,
+    height: 25.5,
+    rx: 2.25,
+    fill: "none"
+  }))));
+};
+
+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); }
+var SvgCheckboxChecked = function SvgCheckboxChecked(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 20,
+    height: 20
+  }, props), _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
+    "data-name": "Rectangle 18315",
+    width: 20,
+    height: 20,
+    rx: 3,
+    fill: "#293072"
+  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    "data-name": "Path 85764",
+    d: "M9.337 13.723a1.589 1.589 0 0 1-1.132-.469l-2.651-2.652 1.617-1.617 2.163 2.163 4.487-4.546 1.628 1.607-4.971 5.036a1.588 1.588 0 0 1-1.134.477Zm-.488-2.084Zm.973 0Z",
+    fill: "#fff"
+  })));
+};
+
+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 SvgChecbkoxIndeterminate = function SvgChecbkoxIndeterminate(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 27,
+    height: 27
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Group 47972",
+    transform: "translate(0 -7)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    "data-name": "Rectangle 18315",
+    width: 27,
+    height: 27,
+    rx: 3,
+    transform: "translate(0 7)",
+    fill: "#252a67"
+  }), /*#__PURE__*/React.createElement("path", {
+    "data-name": "Rectangle 22927",
+    fill: "#fff",
+    d: "M5 19h17v3H5z"
+  }))));
+};
+
+var StyledIconWrapper = styled(Box)(function (_a) {
+    _a.color; var iconName = _a.iconName;
+    return ({
+        transition: 'transform 0.3s ease-in-out',
+        marginLeft: iconName === 'icon_wf_refresh' ? 5 : '',
+        '&.small': {
+            'svg': {
+                width: '18px',
+                height: '18px',
+            }
+        },
+        '&.medium': {
+            'svg': {
+                width: '26px',
+                height: '26px',
+            }
+        },
+        '&.big': {
+            'svg': {
+                width: '45px',
+                height: '45px',
+            }
+        },
+        'svg': {
+            width: '26px',
+            height: '26px',
+            '@media(min-width: 720px)': {
+                width: '45px',
+                height: '45px',
+            },
+            '@media(min-width: 1024px)': {
+                width: '18px',
+                height: '18px',
+            }
+        },
+        '&.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,
+                }
+            },
+            '#color-3': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.placeholderText,
+                }
+            },
+        },
+        '&.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,
+                }
+            },
+            '#color-3': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.white,
+                }
+            },
+        },
+        '&.disabled': {
+            '#color-1': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.placeholderText,
+                }
+            },
+            '#color-2': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.placeholderText,
+                }
+            },
+            '#color-3': {
+                'rect, path': {
+                    fill: theme.mainPallete.primary.placeholderText,
+                }
+            },
+        },
+        '&.special-green': {
+            '#color-1': {
+                'rect, path': {
+                    fill: theme.mainPallete.secondary.specialGreen,
+                }
+            },
+            '#color-2': {
+                'rect, path': {
+                    fill: theme.mainPallete.secondary.specialGreen,
+                }
+            },
+            '#color-3': {
+                'rect, path': {
+                    fill: theme.mainPallete.secondary.specialGreen,
+                }
+            },
+        },
+        '&.black': {
+            '#color-1': {
+                'rect, path': {
+                    fill: theme.mainPallete.secondary.buttonBlack,
+                }
+            },
+            '#color-2': {
+                'rect, path': {
+                    fill: theme.mainPallete.secondary.buttonBlack,
+                }
+            },
+            '#color-3': {
+                'rect, path': {
+                    fill: theme.mainPallete.secondary.buttonBlack,
+                }
+            },
+        },
+    });
+});
+// @ts-ignore
+var Icon = function (_a) {
+    var iconName = _a.iconName, color = _a.color, size = _a.size, forwardedRef = _a.forwardedRef, rest = __rest(_a, ["iconName", "color", "size", "forwardedRef"]);
+    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, {})] })));
 };
 
-export { AppTileComponent as AppTile, CustomButtonComponent as Button, Illustration, TypographyComponent as Typography };
+export { AppTileComponent as AppTile, CustomButtonComponent as Button, Icon, Illustration, TypographyComponent as Typography };
 //# sourceMappingURL=index.js.map