design-react-kit 5.0.3 → 5.0.5-rc1

package/dist/esm/index.js

@@ -1,4440 +0,0 @@
-import { Alert as Alert$1, Button as Button$1, Badge as Badge$1, Breadcrumb as Breadcrumb$1, Card as Card$1, CardBody as CardBody$1, CardText as CardText$1, CardTitle as CardTitle$1, Collapse as Collapse$1, NavbarBrand, Navbar, Container, Row, Col, NavbarToggler, Modal as Modal$1, ModalBody as ModalBody$1, ModalFooter as ModalFooter$1, Nav as Nav$1, FormGroup, Label, Input as Input$1, Dropdown as Dropdown$2, DropdownToggle as DropdownToggle$1 } from 'reactstrap';
-export { BreadcrumbItem, ButtonGroup, ButtonToolbar, CardColumns, CardDeck, CardFooter, CardGroup, CardHeader, CardImg, CardImgOverlay, CardLink, CardSubtitle, Col, Container, Fade, Form, FormFeedback, FormGroup, FormText, InputGroup, InputGroupText, Label, ListGroup, ListGroupItem, ListGroupItemHeading, ListGroupItemText, Media, NavItem, NavLink, Navbar, NavbarBrand, NavbarToggler, PaginationItem as PagerItem, PaginationLink as PagerLink, Popover, PopoverBody, PopoverHeader, Row, TabContent, TabPane, Table, Tooltip, UncontrolledAlert, UncontrolledCollapse, UncontrolledTooltip, Util } from 'reactstrap';
-import React__default, { useState, useCallback, useEffect, useLayoutEffect, useRef, createContext, useContext, useMemo, createRef, Fragment } from 'react';
-import classNames from 'classnames';
-import { Transition } from 'react-transition-group';
-import { Dropdown as Dropdown$1 } from 'bootstrap-italia';
-import { StickyProvider, Sticky } from 'react-stickup';
-import isNumber from 'is-number';
-import { useToast, cssTransition, useToastContainer, toast } from 'react-toastify';
-
-const Accordion = ({
-  tag = 'div',
-  className,
-  background,
-  iconLeft = false,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames('accordion', className, {
-    'accordion-background-active': background === 'active',
-    'accordion-background-hover': background === 'hover',
-    'accordion-left-icon': iconLeft
-  });
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: classes,
-    "data-testid": testId
-  }));
-};
-
-const noop = () => {};
-const logError = message => {
-  if (typeof console !== 'undefined') {
-    if (console.error) {
-      console.error(message);
-    } else {
-      console.log(message);
-    }
-  }
-};
-const messages = {};
-const notifyDeprecation = (message, options = {
-  once: true
-}) => {
-  if (!options.once) {
-    logError(message);
-  } else {
-    if (!messages[message]) {
-      logError(message);
-      messages[message] = 1;
-    }
-  }
-};
-function mapToCssModules(className, cssModules) {
-  let finalClassNames = className == null ? '' : className;
-  if (!cssModules) {
-    return finalClassNames;
-  }
-  return finalClassNames.split(' ').map(klass => cssModules[klass] ?? klass).join(' ');
-}
-function pick(obj, keys) {
-  const keysArray = Array.isArray(keys) ? keys : [keys];
-  const newObj = {};
-  for (const key of keysArray) {
-    if (key in obj) {
-      newObj[key] = obj[key];
-    }
-  }
-  return newObj;
-}
-function omit(obj, keys) {
-  const keysLookup = new Set(Array.isArray(keys) ? keys : [keys]);
-  const newObj = {};
-  for (const key in obj) {
-    if (!keysLookup.has(key)) {
-      newObj[key] = obj[key];
-    }
-  }
-  return newObj;
-}
-
-// Taken from Reactstrap utils.js which are tken from bootstrap sass
-const TransitionTimeouts = {
-  // $transition-fade
-  Fade: 150,
-  // $transition-collapse
-  Collapse: 350,
-  // $modal-transition
-  Modal: 300,
-  // $carousel-transition
-  Carousel: 600
-};
-// taken from Reactstrap utils.js
-const TransitionsKeys = ['in', 'mountOnEnter', 'unmountOnExit', 'appear', 'enter', 'exit', 'timeout', 'onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'onExited'];
-
-// hardcode these entries to avoid leaks
-const transitionStatusToClassHash = {
-  entering: 'collapsing',
-  entered: 'collapse show',
-  exiting: 'collapsing',
-  exited: 'collapse'
-};
-function getTransitionClass(status) {
-  return transitionStatusToClassHash[status] || 'collapse';
-}
-function getHeight(node) {
-  return node.scrollHeight;
-}
-const AccordionBody = ({
-  className,
-  listClassName,
-  tag = 'div',
-  active = false,
-  children,
-  timeout = TransitionTimeouts.Collapse,
-  ...attributes
-}) => {
-  const [height, setHeight] = useState(null);
-  const onEntering = useCallback((node, isAppearing) => {
-    var _attributes$onEnterin;
-    setHeight(getHeight(node));
-    (_attributes$onEnterin = attributes.onEntering) === null || _attributes$onEnterin === void 0 ? void 0 : _attributes$onEnterin.call(attributes, node, isAppearing);
-  }, [attributes.onEntering]);
-  const onEntered = useCallback((node, isAppearing) => {
-    var _attributes$onEntered;
-    setHeight(null);
-    (_attributes$onEntered = attributes.onEntered) === null || _attributes$onEntered === void 0 ? void 0 : _attributes$onEntered.call(attributes, node, isAppearing);
-  }, [attributes.onEntered]);
-  const onExit = useCallback(node => {
-    var _attributes$onExit;
-    setHeight(getHeight(node));
-    (_attributes$onExit = attributes.onExit) === null || _attributes$onExit === void 0 ? void 0 : _attributes$onExit.call(attributes, node);
-  }, [attributes.onExit]);
-  const onExiting = useCallback(node => {
-    var _attributes$onExiting;
-    setHeight(0);
-    (_attributes$onExiting = attributes.onExiting) === null || _attributes$onExiting === void 0 ? void 0 : _attributes$onExiting.call(attributes, node);
-  }, [attributes.onExiting]);
-  const onExited = useCallback(node => {
-    var _attributes$onExited;
-    setHeight(null);
-    (_attributes$onExited = attributes.onExited) === null || _attributes$onExited === void 0 ? void 0 : _attributes$onExited.call(attributes, node);
-  }, [attributes.onExited]);
-  const Tag = tag;
-  const transitionProps = pick(attributes, TransitionsKeys);
-  const childProps = omit(attributes, TransitionsKeys);
-  return /*#__PURE__*/React__default.createElement(Transition, Object.assign({}, transitionProps, {
-    timeout: timeout,
-    in: active,
-    onEntering: onEntering,
-    onEntered: onEntered,
-    onExit: onExit,
-    onExiting: onExiting,
-    onExited: onExited
-  }), status => {
-    const transitionClass = getTransitionClass(status);
-    const classes = classNames(className, transitionClass);
-    const listClasses = classNames(listClassName, 'accordion-body');
-    const style = height == null ? null : {
-      height
-    };
-    return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-      className: classes,
-      style: {
-        ...childProps.style,
-        ...style
-      }
-    }, childProps), /*#__PURE__*/React__default.createElement("div", {
-      className: listClasses
-    }, children));
-  });
-};
-// }
-
-const AccordionHeader = ({
-  className,
-  tag = 'button',
-  active = false,
-  append,
-  onToggle,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const toggleClasses = classNames(className, 'accordion-button', {
-    collapsed: !active
-  });
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: 'accordion-header',
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    "data-bs-toggle": 'collapse',
-    "aria-expanded": active ? 'true' : 'false',
-    className: toggleClasses,
-    onClick: onToggle
-  }, attributes, tag === 'button' && {
-    type: 'button'
-  })), append);
-};
-
-const AccordionItem = ({
-  tag = 'div',
-  className,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames('accordion-item', className);
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: classes
-  }));
-};
-
-const defaultProps = {
-  color: 'success',
-  isOpen: true,
-  fade: true
-};
-const Alert = ({
-  testId,
-  ...props
-}) => {
-  return /*#__PURE__*/React__default.createElement(Alert$1, Object.assign({
-    "data-testid": testId
-  }, props));
-};
-Alert.defaultProps = defaultProps;
-
-const AvatarContainer = ({
-  className,
-  tag = 'div',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const wrapperClasses = classNames('d-flex align-items-center justify-content-around flex-wrap flex-sm-nowrap', className);
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: wrapperClasses,
-    "data-testid": testId
-  }));
-};
-
-const AvatarExtraText = ({
-  className,
-  tag = 'div',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const wrapperClass = classNames('extra-text', className);
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: wrapperClass
-  }, attributes, {
-    "data-testid": testId
-  }));
-};
-
-const AvatarGroupContainer = ({
-  className,
-  tag = 'ul',
-  wrapperClassName,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const wrapperClasses = classNames('avatar-group-stacked', wrapperClassName);
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: wrapperClasses,
-    "data-testid": testId
-  }));
-};
-
-const AvatarIcon = ({
-  className,
-  tag = 'div',
-  size = 'md',
-  href,
-  color,
-  innerRef,
-  testId,
-  children,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const typeClass = classNames('avatar', {
-    [`size-${size}`]: size,
-    [`avatar-${color}`]: color
-  });
-  if (href) {
-    return /*#__PURE__*/React__default.createElement("a", Object.assign({
-      href: href
-    }, attributes, {
-      className: typeClass,
-      ref: innerRef,
-      "data-testid": testId
-    }), children);
-  }
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: typeClass,
-    "data-testid": testId
-  }), children);
-};
-
-const AvatarPresence = ({
-  className,
-  tag = 'div',
-  presence,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const typeClass = classNames('avatar-presence', {
-    presence
-  });
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: typeClass,
-    "data-testid": testId
-  }));
-};
-
-const AvatarStatus = ({
-  className,
-  tag = 'div',
-  status,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const typeClass = classNames('avatar-status', {
-    status
-  });
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: typeClass,
-    "data-testid": testId
-  }));
-};
-
-const AvatarWrapper = ({
-  className,
-  tag = 'div',
-  extra,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const wrapperClass = classNames('avatar-wrapper', className, {
-    [`avatar-extra-${extra}`]: extra
-  });
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: wrapperClass,
-    "data-testid": testId
-  }));
-};
-
-const iconList = {
-  'it-android-square': true,
-  'it-android': true,
-  'it-apple-square': true,
-  'it-apple': true,
-  'it-arrow-down-circle': true,
-  'it-arrow-down-triangle': true,
-  'it-arrow-down': true,
-  'it-arrow-left-circle': true,
-  'it-arrow-left-triangle': true,
-  'it-arrow-left': true,
-  'it-arrow-right-circle': true,
-  'it-arrow-right-triangle': true,
-  'it-arrow-right': true,
-  'it-arrow-up-circle': true,
-  'it-arrow-up-triangle': true,
-  'it-arrow-up': true,
-  'it-ban': true,
-  'it-behance': true,
-  'it-bookmark': true,
-  'it-box': true,
-  'it-burger': true,
-  'it-calendar': true,
-  'it-camera': true,
-  'it-card': true,
-  'it-chart-line': true,
-  'it-check-circle': true,
-  'it-check': true,
-  'it-chevron-left': true,
-  'it-chevron-right': true,
-  'it-clip': true,
-  'it-clock': true,
-  'it-close-big': true,
-  'it-close-circle': true,
-  'it-close': true,
-  'it-code-circle': true,
-  'it-collapse': true,
-  'it-comment': true,
-  'it-copy': true,
-  'it-delete': true,
-  'it-designers-italia': true,
-  'it-download': true,
-  'it-error': true,
-  'it-exchange-circle': true,
-  'it-expand': true,
-  'it-external-link': true,
-  'it-facebook-square': true,
-  'it-facebook': true,
-  'it-figma-square': true,
-  'it-figma': true,
-  'it-file-audio': true,
-  'it-file-compressed': true,
-  'it-file-csv': true,
-  'it-file-json': true,
-  'it-file-odp': true,
-  'it-file-ods': true,
-  'it-file-odt': true,
-  'it-file-pdf-ext': true,
-  'it-file-pdf': true,
-  'it-file-ppt': true,
-  'it-file-sheet': true,
-  'it-file-slides': true,
-  'it-file-txt': true,
-  'it-file-video': true,
-  'it-file-xml': true,
-  'it-file': true,
-  'it-files': true,
-  'it-flag': true,
-  'it-flickr-square': true,
-  'it-flickr': true,
-  'it-folder': true,
-  'it-fullscreen': true,
-  'it-funnel': true,
-  'it-github': true,
-  'it-google': true,
-  'it-hearing': true,
-  'it-help-circle': true,
-  'it-help': true,
-  'it-horn': true,
-  'it-inbox': true,
-  'it-info-circle': true,
-  'it-instagram': true,
-  'it-key': true,
-  'it-less-circle': true,
-  'it-link': true,
-  'it-linkedin-square': true,
-  'it-linkedin': true,
-  'it-list': true,
-  'it-lock': true,
-  'it-locked': true,
-  'it-logout': true,
-  'it-mail-open': true,
-  'it-mail': true,
-  'it-map-marker-circle': true,
-  'it-map-marker-minus': true,
-  'it-map-marker-plus': true,
-  'it-map-marker': true,
-  'it-mastodon-square': true,
-  'it-mastodon': true,
-  'it-maximize-alt': true,
-  'it-maximize': true,
-  'it-medium-square': true,
-  'it-medium': true,
-  'it-minimize': true,
-  'it-minus-circle': true,
-  'it-minus': true,
-  'it-moodle-square': true,
-  'it-moodle': true,
-  'it-more-actions': true,
-  'it-more-items': true,
-  'it-note': true,
-  'it-open-source': true,
-  'it-pa': true,
-  'it-password-invisible': true,
-  'it-password-visible': true,
-  'it-pencil': true,
-  'it-piattaforme': true,
-  'it-pin': true,
-  'it-pinterest-square': true,
-  'it-pinterest': true,
-  'it-plug': true,
-  'it-plus-circle': true,
-  'it-plus': true,
-  'it-presentation': true,
-  'it-print': true,
-  'it-quora-square': true,
-  'it-quora': true,
-  'it-reddit-square': true,
-  'it-reddit': true,
-  'it-refresh': true,
-  'it-restore': true,
-  'it-rss-square': true,
-  'it-rss': true,
-  'it-search': true,
-  'it-settings': true,
-  'it-share': true,
-  'it-slack-square': true,
-  'it-slack': true,
-  'it-snapchat-square': true,
-  'it-snapchat': true,
-  'it-software': true,
-  'it-stackexchange-square': true,
-  'it-stackexchange': true,
-  'it-stackoverflow-square': true,
-  'it-stackoverflow': true,
-  'it-star-full': true,
-  'it-star-outline': true,
-  'it-team-digitale': true,
-  'it-telegram': true,
-  'it-telephone': true,
-  'it-tiktok-square': true,
-  'it-tiktok': true,
-  'it-tool': true,
-  'it-threads-square': true,
-  'it-threads': true,
-  'it-twitter-square': true,
-  'it-twitter': true,
-  'it-unlocked': true,
-  'it-upload': true,
-  'it-user': true,
-  'it-video': true,
-  'it-vimeo-square': true,
-  'it-vimeo': true,
-  'it-warning-circle': true,
-  'it-warning': true,
-  'it-whatsapp-square': true,
-  'it-whatsapp': true,
-  'it-wifi': true,
-  'it-youtube': true,
-  'it-zoom-in': true,
-  'it-zoom-out': true
-};
-const loadIcon = name => {
-  switch (name) {
-    case 'it-android-square':
-      {
-        return import('./ItAndroidSquare-be4f3f01.js');
-      }
-    case 'it-android':
-      {
-        return import('./ItAndroid-e92d2816.js');
-      }
-    case 'it-apple-square':
-      {
-        return import('./ItAppleSquare-64612ebf.js');
-      }
-    case 'it-apple':
-      {
-        return import('./ItApple-9f22c2b6.js');
-      }
-    case 'it-arrow-down-circle':
-      {
-        return import('./ItArrowDownCircle-bbdbc304.js');
-      }
-    case 'it-arrow-down-triangle':
-      {
-        return import('./ItArrowDownTriangle-edcdd8e8.js');
-      }
-    case 'it-arrow-down':
-      {
-        return import('./ItArrowDown-6abdced9.js');
-      }
-    case 'it-arrow-left-circle':
-      {
-        return import('./ItArrowLeftCircle-333f780b.js');
-      }
-    case 'it-arrow-left-triangle':
-      {
-        return import('./ItArrowLeftTriangle-cf5185eb.js');
-      }
-    case 'it-arrow-left':
-      {
-        return import('./ItArrowLeft-411b5890.js');
-      }
-    case 'it-arrow-right-circle':
-      {
-        return import('./ItArrowRightCircle-5b1e4b5c.js');
-      }
-    case 'it-arrow-right-triangle':
-      {
-        return import('./ItArrowRightTriangle-b8762ac0.js');
-      }
-    case 'it-arrow-right':
-      {
-        return import('./ItArrowRight-660fa9cf.js');
-      }
-    case 'it-arrow-up-circle':
-      {
-        return import('./ItArrowUpCircle-5ae9af0b.js');
-      }
-    case 'it-arrow-up-triangle':
-      {
-        return import('./ItArrowUpTriangle-ebb4f912.js');
-      }
-    case 'it-arrow-up':
-      {
-        return import('./ItArrowUp-c20593d1.js');
-      }
-    case 'it-ban':
-      {
-        return import('./ItBan-34aa0890.js');
-      }
-    case 'it-behance':
-      {
-        return import('./ItBehance-d7e8933f.js');
-      }
-    case 'it-bookmark':
-      {
-        return import('./ItBookmark-8e2ed3b7.js');
-      }
-    case 'it-box':
-      {
-        return import('./ItBox-5041f26e.js');
-      }
-    case 'it-burger':
-      {
-        return import('./ItBurger-704987a2.js');
-      }
-    case 'it-calendar':
-      {
-        return import('./ItCalendar-f56566f0.js');
-      }
-    case 'it-camera':
-      {
-        return import('./ItCamera-cafc0516.js');
-      }
-    case 'it-card':
-      {
-        return import('./ItCard-a20da4cd.js');
-      }
-    case 'it-chart-line':
-      {
-        return import('./ItChartLine-b9552ea0.js');
-      }
-    case 'it-check-circle':
-      {
-        return import('./ItCheckCircle-a074d6b0.js');
-      }
-    case 'it-check':
-      {
-        return import('./ItCheck-ef12e983.js');
-      }
-    case 'it-chevron-left':
-      {
-        return import('./ItChevronLeft-4f7d6c12.js');
-      }
-    case 'it-chevron-right':
-      {
-        return import('./ItChevronRight-5c066bb4.js');
-      }
-    case 'it-clip':
-      {
-        return import('./ItClip-62ffb4ea.js');
-      }
-    case 'it-clock':
-      {
-        return import('./ItClock-5899cad7.js');
-      }
-    case 'it-close-big':
-      {
-        return import('./ItCloseBig-dbb9b1ac.js');
-      }
-    case 'it-close-circle':
-      {
-        return import('./ItCloseCircle-3e82408b.js');
-      }
-    case 'it-close':
-      {
-        return import('./ItClose-4054c649.js');
-      }
-    case 'it-code-circle':
-      {
-        return import('./ItCodeCircle-5768c04c.js');
-      }
-    case 'it-collapse':
-      {
-        return import('./ItCollapse-95f09d58.js');
-      }
-    case 'it-comment':
-      {
-        return import('./ItComment-db358e23.js');
-      }
-    case 'it-copy':
-      {
-        return import('./ItCopy-5f2a099e.js');
-      }
-    case 'it-delete':
-      {
-        return import('./ItDelete-729acd9a.js');
-      }
-    case 'it-designers-italia':
-      {
-        return import('./ItDesignersItalia-d6d3b166.js');
-      }
-    case 'it-download':
-      {
-        return import('./ItDownload-b09669a6.js');
-      }
-    case 'it-error':
-      {
-        return import('./ItError-0eb7c87c.js');
-      }
-    case 'it-exchange-circle':
-      {
-        return import('./ItExchangeCircle-6c2efce0.js');
-      }
-    case 'it-expand':
-      {
-        return import('./ItExpand-beb99f3c.js');
-      }
-    case 'it-external-link':
-      {
-        return import('./ItExternalLink-85728385.js');
-      }
-    case 'it-facebook-square':
-      {
-        return import('./ItFacebookSquare-bddbf156.js');
-      }
-    case 'it-facebook':
-      {
-        return import('./ItFacebook-d16b9a3a.js');
-      }
-    case 'it-figma-square':
-      {
-        return import('./ItFigmaSquare-bc05d79e.js');
-      }
-    case 'it-figma':
-      {
-        return import('./ItFigma-41fd6ad4.js');
-      }
-    case 'it-file-audio':
-      {
-        return import('./ItFileAudio-49c0f21d.js');
-      }
-    case 'it-file-compressed':
-      {
-        return import('./ItFileCompressed-c0a79cef.js');
-      }
-    case 'it-file-csv':
-      {
-        return import('./ItFileCsv-6db3ac77.js');
-      }
-    case 'it-file-json':
-      {
-        return import('./ItFileJson-acf391b5.js');
-      }
-    case 'it-file-odp':
-      {
-        return import('./ItFileOdp-a2ba41d8.js');
-      }
-    case 'it-file-ods':
-      {
-        return import('./ItFileOds-25e8d584.js');
-      }
-    case 'it-file-odt':
-      {
-        return import('./ItFileOdt-9add94ae.js');
-      }
-    case 'it-file-pdf-ext':
-      {
-        return import('./ItFilePdfExt-4bb57164.js');
-      }
-    case 'it-file-pdf':
-      {
-        return import('./ItFilePdf-f4964d46.js');
-      }
-    case 'it-file-ppt':
-      {
-        return import('./ItFilePpt-66b80c9b.js');
-      }
-    case 'it-file-sheet':
-      {
-        return import('./ItFileSheet-30652e11.js');
-      }
-    case 'it-file-slides':
-      {
-        return import('./ItFileSlides-9688f0f4.js');
-      }
-    case 'it-file-txt':
-      {
-        return import('./ItFileTxt-3b726fc6.js');
-      }
-    case 'it-file-video':
-      {
-        return import('./ItFileVideo-e3f7da0e.js');
-      }
-    case 'it-file-xml':
-      {
-        return import('./ItFileXml-beb6fc50.js');
-      }
-    case 'it-file':
-      {
-        return import('./ItFile-8819e379.js');
-      }
-    case 'it-files':
-      {
-        return import('./ItFiles-df8161c5.js');
-      }
-    case 'it-flag':
-      {
-        return import('./ItFlag-978e43f9.js');
-      }
-    case 'it-flickr-square':
-      {
-        return import('./ItFlickrSquare-37d4ea52.js');
-      }
-    case 'it-flickr':
-      {
-        return import('./ItFlickr-83ffdb44.js');
-      }
-    case 'it-folder':
-      {
-        return import('./ItFolder-3334da37.js');
-      }
-    case 'it-fullscreen':
-      {
-        return import('./ItFullscreen-84238db4.js');
-      }
-    case 'it-funnel':
-      {
-        return import('./ItFunnel-7dcef2b7.js');
-      }
-    case 'it-github':
-      {
-        return import('./ItGithub-50c82cc9.js');
-      }
-    case 'it-google':
-      {
-        return import('./ItGoogle-19c6384e.js');
-      }
-    case 'it-hearing':
-      {
-        return import('./ItHearing-80f49766.js');
-      }
-    case 'it-help-circle':
-      {
-        return import('./ItHelpCircle-5d2b7fd9.js');
-      }
-    case 'it-help':
-      {
-        return import('./ItHelp-f5a0f953.js');
-      }
-    case 'it-horn':
-      {
-        return import('./ItHorn-08e74cfa.js');
-      }
-    case 'it-inbox':
-      {
-        return import('./ItInbox-dea9b629.js');
-      }
-    case 'it-info-circle':
-      {
-        return import('./ItInfoCircle-4c7e8aee.js');
-      }
-    case 'it-instagram':
-      {
-        return import('./ItInstagram-cd17ca16.js');
-      }
-    case 'it-key':
-      {
-        return import('./ItKey-502d3013.js');
-      }
-    case 'it-less-circle':
-      {
-        return import('./ItLessCircle-74e9eb2b.js');
-      }
-    case 'it-link':
-      {
-        return import('./ItLink-8ac0fe52.js');
-      }
-    case 'it-linkedin-square':
-      {
-        return import('./ItLinkedinSquare-7a6a1e05.js');
-      }
-    case 'it-linkedin':
-      {
-        return import('./ItLinkedin-d0dc379e.js');
-      }
-    case 'it-list':
-      {
-        return import('./ItList-22739a58.js');
-      }
-    case 'it-lock':
-      {
-        return import('./ItLock-612c902d.js');
-      }
-    case 'it-locked':
-      {
-        return import('./ItLocked-ca6554d0.js');
-      }
-    case 'it-logout':
-      {
-        return import('./ItLogout-d364eaa9.js');
-      }
-    case 'it-mail-open':
-      {
-        return import('./ItMailOpen-0d3df16e.js');
-      }
-    case 'it-mail':
-      {
-        return import('./ItMail-57391193.js');
-      }
-    case 'it-map-marker-circle':
-      {
-        return import('./ItMapMarkerCircle-8eccf251.js');
-      }
-    case 'it-map-marker-minus':
-      {
-        return import('./ItMapMarkerMinus-ab80a6d5.js');
-      }
-    case 'it-map-marker-plus':
-      {
-        return import('./ItMapMarkerPlus-d358ffa7.js');
-      }
-    case 'it-map-marker':
-      {
-        return import('./ItMapMarker-4ae5a2d6.js');
-      }
-    case 'it-mastodon-square':
-      {
-        return import('./ItMastodonSquare-a3c0ab11.js');
-      }
-    case 'it-mastodon':
-      {
-        return import('./ItMastodon-76afbb59.js');
-      }
-    case 'it-maximize-alt':
-      {
-        return import('./ItMaximizeAlt-7bb6a64f.js');
-      }
-    case 'it-maximize':
-      {
-        return import('./ItMaximize-de215fa3.js');
-      }
-    case 'it-medium-square':
-      {
-        return import('./ItMediumSquare-c2bc8c15.js');
-      }
-    case 'it-medium':
-      {
-        return import('./ItMedium-9e0c0d60.js');
-      }
-    case 'it-minimize':
-      {
-        return import('./ItMinimize-f286a2f1.js');
-      }
-    case 'it-minus-circle':
-      {
-        return import('./ItMinusCircle-5f097d6e.js');
-      }
-    case 'it-minus':
-      {
-        return import('./ItMinus-80b6d6a8.js');
-      }
-    case 'it-moodle-square':
-      {
-        return import('./ItMoodleSquare-cb0962e0.js');
-      }
-    case 'it-moodle':
-      {
-        return import('./ItMoodle-500729bf.js');
-      }
-    case 'it-more-actions':
-      {
-        return import('./ItMoreActions-5749f2ff.js');
-      }
-    case 'it-more-items':
-      {
-        return import('./ItMoreItems-1452b4b1.js');
-      }
-    case 'it-note':
-      {
-        return import('./ItNote-903531d0.js');
-      }
-    case 'it-open-source':
-      {
-        return import('./ItOpenSource-8315ec53.js');
-      }
-    case 'it-pa':
-      {
-        return import('./ItPa-ace75b65.js');
-      }
-    case 'it-password-invisible':
-      {
-        return import('./ItPasswordInvisible-269b0c59.js');
-      }
-    case 'it-password-visible':
-      {
-        return import('./ItPasswordVisible-42ba716b.js');
-      }
-    case 'it-pencil':
-      {
-        return import('./ItPencil-7ea38906.js');
-      }
-    case 'it-piattaforme':
-      {
-        return import('./ItPiattaforme-6a21c6d6.js');
-      }
-    case 'it-pin':
-      {
-        return import('./ItPin-abcf37c0.js');
-      }
-    case 'it-pinterest-square':
-      {
-        return import('./ItPinterestSquare-116b44c5.js');
-      }
-    case 'it-pinterest':
-      {
-        return import('./ItPinterest-40617621.js');
-      }
-    case 'it-plug':
-      {
-        return import('./ItPlug-f21cb189.js');
-      }
-    case 'it-plus-circle':
-      {
-        return import('./ItPlusCircle-7e24fd74.js');
-      }
-    case 'it-plus':
-      {
-        return import('./ItPlus-16258e43.js');
-      }
-    case 'it-presentation':
-      {
-        return import('./ItPresentation-2ded3ce5.js');
-      }
-    case 'it-print':
-      {
-        return import('./ItPrint-ef95350e.js');
-      }
-    case 'it-quora-square':
-      {
-        return import('./ItQuoraSquare-54e24fb5.js');
-      }
-    case 'it-quora':
-      {
-        return import('./ItQuora-62f46cf7.js');
-      }
-    case 'it-reddit-square':
-      {
-        return import('./ItRedditSquare-d74b6d52.js');
-      }
-    case 'it-reddit':
-      {
-        return import('./ItReddit-69f61162.js');
-      }
-    case 'it-refresh':
-      {
-        return import('./ItRefresh-93971f7f.js');
-      }
-    case 'it-restore':
-      {
-        return import('./ItRestore-8644093c.js');
-      }
-    case 'it-rss-square':
-      {
-        return import('./ItRssSquare-dbed67ee.js');
-      }
-    case 'it-rss':
-      {
-        return import('./ItRss-24b9960b.js');
-      }
-    case 'it-search':
-      {
-        return import('./ItSearch-a482eddd.js');
-      }
-    case 'it-settings':
-      {
-        return import('./ItSettings-5adfe54b.js');
-      }
-    case 'it-share':
-      {
-        return import('./ItShare-a429a9b3.js');
-      }
-    case 'it-slack-square':
-      {
-        return import('./ItSlackSquare-c2d9215d.js');
-      }
-    case 'it-slack':
-      {
-        return import('./ItSlack-97fedb75.js');
-      }
-    case 'it-snapchat-square':
-      {
-        return import('./ItSnapchatSquare-62bc92b7.js');
-      }
-    case 'it-snapchat':
-      {
-        return import('./ItSnapchat-675b77c2.js');
-      }
-    case 'it-software':
-      {
-        return import('./ItSoftware-0ba3bfa9.js');
-      }
-    case 'it-stackexchange-square':
-      {
-        return import('./ItStackexchangeSquare-a3d9db06.js');
-      }
-    case 'it-stackexchange':
-      {
-        return import('./ItStackexchange-b1aa6b2d.js');
-      }
-    case 'it-stackoverflow-square':
-      {
-        return import('./ItStackoverflowSquare-58b4a3ef.js');
-      }
-    case 'it-stackoverflow':
-      {
-        return import('./ItStackoverflow-bbe5e7c9.js');
-      }
-    case 'it-star-full':
-      {
-        return import('./ItStarFull-7f93056d.js');
-      }
-    case 'it-star-outline':
-      {
-        return import('./ItStarOutline-6ce8bb0d.js');
-      }
-    case 'it-team-digitale':
-      {
-        return import('./ItTeamDigitale-1b86e865.js');
-      }
-    case 'it-telegram':
-      {
-        return import('./ItTelegram-3293454e.js');
-      }
-    case 'it-telephone':
-      {
-        return import('./ItTelephone-4985cb30.js');
-      }
-    case 'it-tiktok-square':
-      {
-        return import('./ItTiktokSquare-dba109c7.js');
-      }
-    case 'it-tiktok':
-      {
-        return import('./ItTiktok-f7facd9a.js');
-      }
-    case 'it-tool':
-      {
-        return import('./ItTool-8cd4ea5b.js');
-      }
-    case 'it-threads-square':
-      {
-        return import('./ItThreadsSquare-2d32d154.js');
-      }
-    case 'it-threads':
-      {
-        return import('./ItThreads-dcc16997.js');
-      }
-    case 'it-twitter-square':
-      {
-        return import('./ItTwitterSquare-bf7f1819.js');
-      }
-    case 'it-twitter':
-      {
-        return import('./ItTwitter-0d0b71e9.js');
-      }
-    case 'it-unlocked':
-      {
-        return import('./ItUnlocked-2c7d8ff2.js');
-      }
-    case 'it-upload':
-      {
-        return import('./ItUpload-a3a7dabd.js');
-      }
-    case 'it-user':
-      {
-        return import('./ItUser-2ef63470.js');
-      }
-    case 'it-video':
-      {
-        return import('./ItVideo-1fff88eb.js');
-      }
-    case 'it-vimeo-square':
-      {
-        return import('./ItVimeoSquare-14256464.js');
-      }
-    case 'it-vimeo':
-      {
-        return import('./ItVimeo-09caf705.js');
-      }
-    case 'it-warning-circle':
-      {
-        return import('./ItWarningCircle-192f8229.js');
-      }
-    case 'it-warning':
-      {
-        return import('./ItWarning-a53a242e.js');
-      }
-    case 'it-whatsapp-square':
-      {
-        return import('./ItWhatsappSquare-feb61fbb.js');
-      }
-    case 'it-whatsapp':
-      {
-        return import('./ItWhatsapp-52bbd85d.js');
-      }
-    case 'it-wifi':
-      {
-        return import('./ItWifi-09da4dd3.js');
-      }
-    case 'it-youtube':
-      {
-        return import('./ItYoutube-b172b029.js');
-      }
-    case 'it-zoom-in':
-      {
-        return import('./ItZoomIn-f1d8316a.js');
-      }
-    case 'it-zoom-out':
-      {
-        return import('./ItZoomOut-734884af.js');
-      }
-    default:
-      throw Error(`It should not land here. Requested icon: "${name}"`);
-  }
-};
-function isBundledIcon(name) {
-  return name in iconList;
-}
-const allIcons = /*#__PURE__*/Object.keys(iconList);
-
-const EmptyIcon = ({
-  title,
-  titleId,
-  ...props
-}) => ( /*#__PURE__*/React__default.createElement("svg", Object.assign({
-  xmlns: 'http://www.w3.org/2000/svg',
-  viewBox: '0 0 24 24'
-}, props), title ? /*#__PURE__*/React__default.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React__default.createElement("path", {
-  fill: 'none',
-  d: 'M0 0h24v24H0z'
-})));
-
-const iconsList = allIcons;
-let iconsCache = {};
-/**
- * Preload a list of icons in cache
- * @param icons - the list of icons to preload
- * @returns true if the icons have been preloaded
- */
-function preloadIcons(icons) {
-  return Promise.all(icons.map(icon => loadIcon(icon))).then(preloadedIcons => {
-    preloadedIcons.forEach(({
-      component
-    }, i) => {
-      iconsCache[icons[i]] = () => component;
-    });
-    return true;
-  });
-}
-/**
- * Removes icons from cache
- * @param icon? - the icon to remove, or nothing to clear the whole cache
- * @returns an object containing the removed icons
- */
-const clearIconCache = iconName => {
-  let deletedItems;
-  if (iconName) {
-    deletedItems = {
-      [iconName]: iconsCache[iconName]
-    };
-    delete iconsCache[iconName];
-  } else {
-    deletedItems = {
-      ...iconsCache
-    };
-    iconsCache = {};
-  }
-  return deletedItems;
-};
-const Icon = ({
-  color = '',
-  size = '',
-  icon = '',
-  title = 'icon',
-  className,
-  padding = false,
-  onIconLoad,
-  testId,
-  ...attributes
-}) => {
-  const [IconComponent, setCurrentIcon] = useState(iconsCache[icon]);
-  const classes = classNames('icon', className, {
-    [`icon-${color}`]: color,
-    [`icon-${size}`]: size,
-    'icon-padded': padding
-  });
-  useEffect(() => {
-    if (isBundledIcon(icon) && !iconsCache[icon]) {
-      loadIcon(icon).then(({
-        component
-      }) => {
-        iconsCache[icon] = () => component;
-        setCurrentIcon(iconsCache[icon]);
-        onIconLoad === null || onIconLoad === void 0 ? void 0 : onIconLoad();
-      });
-    } else {
-      if (IconComponent !== iconsCache[icon]) {
-        setCurrentIcon(iconsCache[icon]);
-      }
-      onIconLoad === null || onIconLoad === void 0 ? void 0 : onIconLoad();
-    }
-  }, [IconComponent, icon, onIconLoad]);
-  if (!isBundledIcon(icon)) {
-    // assume it's an image and let the browser do its job
-    return /*#__PURE__*/React__default.createElement("img", Object.assign({
-      src: icon,
-      className: classes,
-      alt: title,
-      "data-testid": testId
-    }, attributes));
-  }
-  if (!IconComponent) {
-    return /*#__PURE__*/React__default.createElement(EmptyIcon, Object.assign({
-      className: classes,
-      role: 'img'
-    }, attributes, {
-      "data-testid": testId
-    }));
-  }
-  return /*#__PURE__*/React__default.createElement(IconComponent, Object.assign({
-    className: classes,
-    role: 'img',
-    title: title,
-    "data-testid": testId
-  }, attributes));
-};
-
-const Button = ({
-  tag = 'button',
-  icon = false,
-  color = '',
-  className,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames(className, {
-    'btn-icon': icon
-  });
-  const ariaAttributes = {
-    ...(attributes.disabled && {
-      'aria-disabled': true
-    })
-  };
-  const baseProps = {
-    color,
-    tag
-  };
-  return /*#__PURE__*/React__default.createElement(Button$1, Object.assign({
-    className: classes,
-    "data-testid": testId
-  }, baseProps, attributes, ariaAttributes));
-};
-
-const backToTop = () => {
-  window.scrollTo({
-    top: 0,
-    behavior: 'smooth'
-  });
-};
-const BackToTop = ({
-  className,
-  dark = false,
-  small = false,
-  shadow = false,
-  showOffset = 200
-}) => {
-  const [showBtn, setShowBtn] = useState(false);
-  useLayoutEffect(() => {
-    window.addEventListener('scroll', () => {
-      if (window.scrollY > showOffset) {
-        setShowBtn(true);
-      } else {
-        setShowBtn(false);
-      }
-    });
-  }, [showOffset]);
-  return /*#__PURE__*/React__default.createElement(Button, {
-    "aria-hidden": 'true',
-    tabIndex: -1,
-    className: classNames(className, 'back-to-top', small && 'back-to-top-small', showBtn && 'back-to-top-show', dark && 'dark', shadow && 'shadow'),
-    id: 'back-to-top-btn',
-    onClick: backToTop,
-    style: {
-      padding: 0
-    },
-    color: !dark ? 'primary' : ''
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    color: dark ? 'secondary' : 'white',
-    icon: 'it-arrow-up',
-    style: {
-      top: 0
-    }
-  }));
-};
-
-const Badge = ({
-  color = 'secondary',
-  pill = false,
-  tag = 'span',
-  children,
-  testId,
-  ...attributes
-}) => {
-  return /*#__PURE__*/React__default.createElement(Badge$1, Object.assign({
-    color: color,
-    pill: pill,
-    tag: tag
-  }, attributes, {
-    "data-testid": testId
-  }), children);
-};
-
-const BottomNav = ({
-  tag = 'nav',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  return /*#__PURE__*/React__default.createElement(Tag, {
-    className: 'bottom-nav',
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement("ul", Object.assign({}, attributes)));
-};
-
-const BottomNavItem = ({
-  active = false,
-  badge,
-  alert = false,
-  url,
-  to,
-  srText,
-  iconName = 'it-comment',
-  label,
-  tag = 'a',
-  onLinkClick,
-  link,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const activeClass = classNames({
-    active
-  });
-  const badgeWrapper = Boolean(badge) && ( /*#__PURE__*/React__default.createElement("div", {
-    className: 'badge-wrapper'
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: 'bottom-nav-badge'
-  }, badge)));
-  const alertWrapper = Boolean(alert) && ( /*#__PURE__*/React__default.createElement("div", {
-    className: 'badge-wrapper'
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: 'bottom-nav-alert'
-  })));
-  return /*#__PURE__*/React__default.createElement("li", Object.assign({}, attributes, {
-    "data-testid": testId
-  }), /*#__PURE__*/React__default.createElement(Tag, {
-    href: url || link || '#',
-    className: activeClass,
-    to: to,
-    onClick: onLinkClick
-  }, badgeWrapper, alertWrapper, /*#__PURE__*/React__default.createElement(Icon, {
-    icon: iconName
-  }), /*#__PURE__*/React__default.createElement("span", {
-    className: 'bottom-nav-label'
-  }, label, srText ? /*#__PURE__*/React__default.createElement("span", {
-    className: 'visually-hidden'
-  }, srText) : null)));
-};
-
-const Breadcrumb = ({
-  className,
-  listClassName,
-  dark,
-  'aria-label': label,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames(className, 'breadcrumb-container');
-  const listClasses = classNames(listClassName, {
-    dark
-  }, dark && 'px-3');
-  const ariaLabel = label ?? 'Percorso di navigazione';
-  return /*#__PURE__*/React__default.createElement(Breadcrumb$1, Object.assign({
-    className: classes,
-    listClassName: listClasses,
-    "aria-label": ariaLabel,
-    "data-testid": testId
-  }, attributes));
-};
-
-const Callout = ({
-  children,
-  color = '',
-  highlight = false,
-  className,
-  detailed,
-  tag = 'div',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames(className, color, 'callout', {
-    'callout-highlight': highlight,
-    'callout-more': detailed
-  });
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), !highlight && !detailed ? /*#__PURE__*/React__default.createElement("div", {
-    className: 'callout-inner'
-  }, children) : children);
-};
-
-const CalloutMoreFooter = ({
-  id = 'cm-footer',
-  tag = 'div',
-  className,
-  fileUrl,
-  children,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames('collapse-div', className);
-  const [isOpen, setOpen] = useState(false);
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: classes
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: 'collapse-header',
-    id: `${id}-heading`
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    color: 'primary',
-    className: 'callout-more-toggle',
-    onClick: () => setOpen(!isOpen),
-    "aria-controls": `${id}-collapse`,
-    "aria-expanded": isOpen,
-    style: {
-      fontFamily: 'var(--bs-font-sans-serif)',
-      fontSize: '1rem'
-    }
-  }, "Leggi tutto ", /*#__PURE__*/React__default.createElement("span", null)), fileUrl && ( /*#__PURE__*/React__default.createElement("a", {
-    className: 'callout-more-download',
-    href: fileUrl,
-    style: {
-      fontFamily: 'var(--bs-font-sans-serif)',
-      fontSize: '1rem'
-    }
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    icon: 'it-download'
-  }), /*#__PURE__*/React__default.createElement("span", {
-    className: 'visually-hidden'
-  }, "PDF"), "Download"))), /*#__PURE__*/React__default.createElement("div", {
-    className: `collapse ${isOpen ? 'show' : ''}`,
-    role: 'tabpanel',
-    id: `${id}-collapse`,
-    "aria-labelledby": `${id}-heading`
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: 'collapse-body'
-  }, children)));
-};
-
-const CalloutText = ({
-  bigText = false,
-  children,
-  className,
-  tag = 'p',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames(className, {
-    'callout-big-text': bigText
-  });
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), children);
-};
-
-const CalloutTitle = ({
-  children,
-  className,
-  tag = 'div',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames(className, 'callout-title');
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), children);
-};
-
-const Card = ({
-  tag = 'div',
-  href = undefined,
-  teaser,
-  spacing,
-  noWrapper = false,
-  wrapperClassName,
-  testId,
-  ...attributes
-}) => {
-  const wrapperClasses = classNames('card-wrapper', wrapperClassName, {
-    'card-space': spacing,
-    'card-teaser-wrapper': teaser
-  });
-  const cardClasses = classNames(attributes.className, {
-    'card-teaser': teaser
-  });
-  if (noWrapper) {
-    return /*#__PURE__*/React__default.createElement(Card$1, Object.assign({}, attributes, {
-      className: cardClasses,
-      tag: tag,
-      href: tag === 'a' ? href : undefined,
-      "data-testid": testId
-    }));
-  }
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: wrapperClasses,
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement(Card$1, Object.assign({}, attributes, {
-    className: cardClasses,
-    tag: tag,
-    href: tag === 'a' ? href : undefined
-  })));
-};
-
-const CardBody = ({
-  tag = 'div',
-  testId,
-  ...props
-}) => ( /*#__PURE__*/React__default.createElement(CardBody$1, Object.assign({}, props, {
-  tag: tag,
-  "data-testid": testId
-})));
-
-const CardCategory = ({
-  iconName,
-  date,
-  href,
-  onClick,
-  testId,
-  children,
-  ...rest
-}) => {
-  const classes = classNames({
-    'category-top': date || ' ',
-    'categoryicon-top': iconName
-  });
-  // Simple category link
-  const categoryLink = !iconName && ( /*#__PURE__*/React__default.createElement("a", {
-    href: href,
-    className: 'category',
-    onClick: onClick
-  }, children));
-  const categoryDate = date && /*#__PURE__*/React__default.createElement("span", {
-    className: 'data'
-  }, date);
-  // Category with icon
-  const categoryText = iconName && /*#__PURE__*/React__default.createElement("span", {
-    className: 'text'
-  }, children);
-  const categoryIcon = iconName && /*#__PURE__*/React__default.createElement(Icon, {
-    icon: iconName
-  });
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: classes
-  }, rest, {
-    "data-testid": testId
-  }), categoryLink, categoryIcon, categoryText, categoryDate);
-};
-
-const CardFooterCTA = ({
-  className,
-  tag = 'div',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames(className, 'it-card-footer');
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }));
-};
-
-const CardReadMore = ({
-  className,
-  text,
-  iconName = 'it-arrow-right',
-  tag = 'a',
-  href,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames(className, 'read-more');
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes,
-    href: href
-  }, attributes, {
-    "data-testid": testId
-  }), /*#__PURE__*/React__default.createElement("span", {
-    className: 'text'
-  }, text), iconName && /*#__PURE__*/React__default.createElement(Icon, {
-    icon: iconName
-  }));
-};
-
-const CardSignature = ({
-  className,
-  tag = 'span',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames(className, 'card-signature');
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }));
-};
-
-const CardTag = ({
-  className,
-  tag = 'a',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames(className, 'card-tag');
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }));
-};
-
-const CardTagsHeader = ({
-  date,
-  children,
-  className,
-  tag = 'div',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames('head-tags', className);
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), children, date && /*#__PURE__*/React__default.createElement("span", {
-    className: 'data'
-  }, date));
-};
-
-const CardText = props => {
-  return /*#__PURE__*/React__default.createElement(CardText$1, Object.assign({}, props, {
-    "data-testid": props.testId
-  }));
-};
-
-const CardTitle = props => {
-  return /*#__PURE__*/React__default.createElement(CardTitle$1, Object.assign({}, props, {
-    "data-testid": props.testId
-  }));
-};
-
-const Chip = ({
-  className,
-  color = '',
-  tag = 'div',
-  simple = false,
-  large = false,
-  disabled = false,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames('chip', className, {
-    'chip-simple': simple,
-    'chip-lg': large,
-    'chip-disabled': disabled,
-    [`chip-${color}`]: color
-  });
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }));
-};
-
-const ChipLabel = ({
-  className,
-  tag = 'span',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames(className, 'chip-label');
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: classes,
-    "data-testid": testId
-  }));
-};
-
-const Collapse = ({
-  header = false,
-  className,
-  navbar,
-  megamenu,
-  children,
-  isOpen = false,
-  onOverlayClick,
-  cssModule,
-  testId,
-  ...attributes
-}) => {
-  const newCssModule = {
-    'navbar-collapse': 'navbar-collapsable',
-    ...cssModule
-  };
-  if (megamenu || navbar || header) {
-    const classes = classNames(className, 'navbar-collapse', {
-      expanded: isOpen
-    });
-    const style = {
-      display: isOpen ? 'block' : 'none'
-    };
-    return /*#__PURE__*/React__default.createElement(Collapse$1, Object.assign({
-      className: classes,
-      cssModule: newCssModule,
-      navbar: navbar,
-      style: style,
-      "data-testid": testId
-    }, attributes), /*#__PURE__*/React__default.createElement("div", {
-      className: 'overlay',
-      style: style,
-      onClick: onOverlayClick
-    }), /*#__PURE__*/React__default.createElement("div", {
-      className: 'close-div visually-hidden'
-    }, /*#__PURE__*/React__default.createElement("button", {
-      className: 'btn close-menu',
-      type: 'button'
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: 'it-close'
-    }), "close")), megamenu ? /*#__PURE__*/React__default.createElement("div", {
-      className: 'menu-wrapper'
-    }, children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children));
-  }
-  const classes = classNames(className, {
-    'link-list-wrapper': header
-  });
-  return /*#__PURE__*/React__default.createElement(Collapse$1, Object.assign({
-    className: classes,
-    cssModule: newCssModule
-  }, attributes, {
-    navbar: navbar,
-    isOpen: isOpen,
-    "data-testid": testId
-  }), children);
-};
-
-const Dimmer = ({
-  icon,
-  color,
-  className,
-  wrapperClassName,
-  testId,
-  ...attributes
-}) => {
-  const {
-    children,
-    ...rest
-  } = attributes;
-  const classes = classNames('dimmer', wrapperClassName === true ? className : wrapperClassName, {
-    [`dimmer-${color}`]: color
-  });
-  const innerClasses = classNames('dimmer-inner', className);
-  const dimmerIcon = icon && ( /*#__PURE__*/React__default.createElement("div", {
-    className: 'dimmer-icon'
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    icon: icon
-  })));
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: classes
-  }, rest, {
-    style: {
-      display: 'flex'
-    },
-    "data-testid": testId
-  }), /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: innerClasses
-  }, rest), dimmerIcon, children));
-};
-
-const DimmerButtons = ({
-  color,
-  className,
-  single = false,
-  dark = true,
-  testId,
-  ...attributes
-}) => {
-  const {
-    children,
-    ...rest
-  } = attributes;
-  const classes = classNames('dimmer-buttons', className, {
-    'bg-dark': dark,
-    'single-button': single
-  });
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: classes
-  }, rest, {
-    "data-testid": testId
-  }), children);
-};
-
-const Dropdown = ({
-  className,
-  testId,
-  tag,
-  children,
-  inNavbar,
-  textCenter,
-  ...attributes
-}) => {
-  const classes = classNames(className, {
-    dropdown: true,
-    'text-center': textCenter,
-    'nav-item': inNavbar
-  });
-  const Tag = tag !== undefined ? tag : 'div';
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes,
-    "data-testid": testId
-  }, attributes), children);
-};
-
-const DropdownMenu = ({
-  className,
-  testId,
-  children,
-  ...attributes
-}) => {
-  const classes = classNames(className, {
-    'dropdown-menu': true
-  });
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: classes,
-    "data-testid": testId
-  }, attributes), children);
-};
-
-const DropdownToggle = ({
-  className,
-  testId,
-  children,
-  caret,
-  tag = 'button',
-  inNavbar,
-  color,
-  ...attributes
-}) => {
-  const toggleRef = useRef(null);
-  const Tag = tag === 'a' || inNavbar ? 'a' : Button;
-  useEffect(() => {
-    if (toggleRef.current) {
-      new Dropdown$1(toggleRef.current);
-    }
-  });
-  const classes = classNames(className, {
-    'btn-dropdown': Tag === 'a' && !inNavbar,
-    'dropdown-toggle': true,
-    'nav-link': inNavbar
-  });
-  const iconClasses = classNames({
-    'icon-expand': true,
-    'icon-sm': !inNavbar,
-    'icon-xs': inNavbar,
-    'ms-1': inNavbar,
-    'icon-light': Tag.valueOf() !== 'a' ? true : false
-  });
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    role: Tag.valueOf() === 'a' ? 'button' : undefined,
-    color: color,
-    ref: toggleRef,
-    className: classes,
-    "data-bs-toggle": 'dropdown',
-    "aria-haspopup": 'true',
-    "data-testid": testId
-  }, attributes), children, caret === true ? /*#__PURE__*/React__default.createElement(Icon, {
-    icon: 'it-expand',
-    className: iconClasses
-  }) : null);
-};
-
-const defaultFonts = ['Titillium Web:300,400,600,700:latin-ext', 'Lora:400,700:latin-ext', 'Roboto Mono:400,700:latin-ext'];
-function useFontLoader({
-  fonts
-}) {
-  useEffect(() => {
-    if (typeof window !== 'undefined') {
-      const WebFont = require('webfontloader');
-      WebFont.load({
-        custom: {
-          families: [...defaultFonts, ...(fonts || [])]
-        }
-      });
-    }
-  }, [fonts]);
-}
-const FontLoader = props => {
-  useFontLoader(props);
-  return null;
-};
-
-const Forward = ({
-  className,
-  scrollToRef,
-  children,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames(className, 'forward');
-  return /*#__PURE__*/React__default.createElement("a", Object.assign({
-    className: classes,
-    onClick: () => {
-      var _scrollToRef$current;
-      return (_scrollToRef$current = scrollToRef.current) === null || _scrollToRef$current === void 0 ? void 0 : _scrollToRef$current.scrollIntoView({
-        behavior: 'smooth',
-        block: 'start'
-      });
-    },
-    "data-testid": testId
-  }, attributes), children);
-};
-
-const goBack = () => {
-  window.history.back();
-};
-const GoBack = ({
-  className,
-  link = false,
-  up = false,
-  children
-}) => {
-  const Tag = link ? 'a' : Button;
-  return /*#__PURE__*/React__default.createElement(Tag, {
-    className: classNames(className, 'go-back'),
-    color: 'primary',
-    onClick: goBack
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: children ? 'me-2' : '',
-    color: link ? 'primary' : 'white',
-    icon: up ? 'it-arrow-up' : 'it-arrow-left'
-  }), children);
-};
-
-const GridItem = ({
-  tag: Tag = 'div',
-  className,
-  children,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames('it-grid-item-wrapper', className);
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: classes,
-    "data-testid": testId
-  }), children);
-};
-
-const GridItemText = ({
-  className,
-  children,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames('it-griditem-text', className);
-  return /*#__PURE__*/React__default.createElement("span", Object.assign({}, attributes, {
-    className: classes,
-    "data-testid": testId
-  }), children);
-};
-
-const GridItemTextWrapper = ({
-  className,
-  children,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames('it-griditem-text-wrapper', className);
-  return /*#__PURE__*/React__default.createElement("span", Object.assign({}, attributes, {
-    className: classes,
-    "data-testid": testId
-  }), children);
-};
-
-const GridList = ({
-  className,
-  children,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames('it-grid-list-wrapper', className);
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
-    className: classes,
-    "data-testid": testId
-  }), children);
-};
-
-const GridRow = ({
-  className,
-  children,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames('grid-row', className);
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
-    className: classes,
-    "data-testid": testId
-  }), children);
-};
-
-const SLIM = 'slim';
-const CENTER = 'center';
-const NAVBAR = 'navbar';
-const HeaderContext = /*#__PURE__*/createContext({});
-const useHeaderContext = () => {
-  const {
-    type
-  } = useContext(HeaderContext);
-  return type;
-};
-
-const Header = ({
-  className,
-  small = false,
-  theme = '',
-  type,
-  testId,
-  ...attributes
-}) => {
-  // use context here as theme
-  const classes = classNames(className, {
-    [`it-header-${type}-wrapper`]: type,
-    'it-small-header': type === CENTER && small,
-    [`theme-${theme}`]: type !== NAVBAR && theme,
-    'theme-dark-mobile': type === NAVBAR && theme === 'dark',
-    'theme-light-desk': type === NAVBAR && theme === 'light'
-  });
-  return /*#__PURE__*/React__default.createElement(HeaderContext.Provider, {
-    value: {
-      type
-    }
-  }, /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  })));
-};
-
-const HeaderBrand = ({
-  className,
-  href,
-  iconName,
-  iconAlt,
-  children,
-  tag = 'a',
-  responsive = false,
-  testId,
-  ...attributes
-}) => {
-  const type = useHeaderContext();
-  const defaultAttributes = {
-    tag
-  };
-  if (type !== CENTER) {
-    const classes = classNames('d-lg-block', className, {
-      'd-none': !responsive
-    });
-    return /*#__PURE__*/React__default.createElement(NavbarBrand, Object.assign({
-      className: classes,
-      href: href,
-      "data-testid": testId
-    }, attributes, defaultAttributes), children);
-  }
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: 'it-brand-wrapper',
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement("a", {
-    href: href
-  }, iconName && /*#__PURE__*/React__default.createElement(Icon, {
-    icon: iconName,
-    title: iconAlt
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: 'it-brand-text'
-  }, React__default.Children.map(children, (child, i) => {
-    if (typeof child !== 'object' || child == null || !('props' in child)) {
-      return child;
-    }
-    // convention here: first item is the main title, while others subtext
-    const className = classNames(child.props.className, {
-      'd-none d-md-block': i
-    } // subtext is anything but first element
-    );
-    const props = {
-      className
-    };
-    return /*#__PURE__*/React__default.cloneElement(child, props);
-  }))));
-};
-
-const HeaderContent = ({
-  className,
-  megamenu,
-  testId,
-  ...attributes
-}) => {
-  const type = useHeaderContext();
-  const classes = classNames(className, {
-    'it-header-slim-wrapper-content': type === SLIM,
-    'it-header-center-content-wrapper': type === CENTER,
-    navbar: type === NAVBAR,
-    'has-megamenu': megamenu
-  });
-  const Content = type === NAVBAR ? ( /*#__PURE__*/React__default.createElement(Navbar, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }))) : ( /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  })));
-  return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Row, null, /*#__PURE__*/React__default.createElement(Col, null, Content)));
-};
-
-const HeaderLinkZone = ({
-  className,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames(className);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: 'nav-mobile',
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement("nav", Object.assign({
-    className: classes
-  }, attributes)));
-};
-
-const HeaderRightZone = ({
-  className,
-  testId,
-  ...attributes
-}) => {
-  const type = useHeaderContext();
-  const classes = classNames(className, {
-    // BI >= 1.3.6
-    'it-header-slim-right-zone': type === SLIM,
-    // BI < 1.3.6
-    'header-slim-right-zone': type === SLIM,
-    'it-right-zone': type !== SLIM
-  });
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }));
-};
-
-const HeaderSearch = ({
-  className,
-  label,
-  href,
-  iconName = 'it-search',
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames('it-search-wrapper', className);
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), label && /*#__PURE__*/React__default.createElement("span", {
-    className: 'd-none d-md-block'
-  }, label), /*#__PURE__*/React__default.createElement("a", {
-    className: 'search-link rounded-icon',
-    "aria-label": label,
-    href: href
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    icon: iconName
-  })));
-};
-
-const HeaderSocialsZone = ({
-  className,
-  children,
-  label,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames('it-socials d-none d-md-flex', className);
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), label && /*#__PURE__*/React__default.createElement("span", null, label), children);
-};
-
-const BUTTON = 'button';
-const HeaderToggler = ({
-  className,
-  tag,
-  type,
-  testId,
-  ...attributes
-}) => {
-  const HeaderType = useHeaderContext();
-  const defaultTag = HeaderType === SLIM ? 'a' : BUTTON;
-  const defaultType = HeaderType === SLIM ? undefined : BUTTON;
-  const classes = classNames({
-    'it-opener d-lg-none': HeaderType === SLIM,
-    'custom-navbar-toggler': HeaderType === NAVBAR
-  }, className);
-  useEffect(() => {
-    document.querySelectorAll('.container-fluid').forEach(element => {
-      element.classList.remove('container-fluid');
-    });
-  });
-  return /*#__PURE__*/React__default.createElement(NavbarToggler, Object.assign({
-    className: classes
-  }, attributes, {
-    tag: tag || defaultTag,
-    type: type || defaultType,
-    href: '#',
-    "data-testid": testId
-  }));
-};
-
-const Headers = ({
-  className,
-  shadow = false,
-  sticky = false,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames('it-header-wrapper', {
-    'it-shadow': shadow,
-    'it-header-sticky': sticky
-  }, className);
-  if (!sticky) {
-    return /*#__PURE__*/React__default.createElement("div", Object.assign({
-      className: classes
-    }, attributes, {
-      "data-testid": testId
-    }));
-  }
-  return /*#__PURE__*/React__default.createElement(StickyProvider, null, /*#__PURE__*/React__default.createElement(Sticky, {
-    style: {
-      position: 'sticky',
-      zIndex: 2
-    },
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: classes
-  }, attributes))));
-};
-
-const Hero = ({
-  tag: Tag = 'div',
-  small,
-  centered,
-  overlay,
-  overlap,
-  className,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames('it-hero-wrapper', className, {
-    'it-overlay': overlay,
-    ['it-' + overlay]: overlay,
-    'it-hero-small-size': small,
-    'it-text-centered': centered,
-    'it-bottom-overlapping-content': overlap
-  });
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }));
-};
-
-const HeroBackground = ({
-  alt,
-  testId,
-  ...attributes
-}) => {
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: 'img-responsive-wrapper',
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: 'img-responsive'
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: 'img-wrapper'
-  }, /*#__PURE__*/React__default.createElement("img", Object.assign({}, attributes, {
-    alt: alt
-  })))));
-};
-
-const HeroBody = ({
-  children,
-  className,
-  testId
-}) => {
-  const classes = classNames('it-hero-text-wrapper', 'bg-dark', className);
-  return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Row, null, /*#__PURE__*/React__default.createElement(Col, null, /*#__PURE__*/React__default.createElement("div", {
-    className: classes,
-    "data-testid": testId
-  }, children))));
-};
-
-const HeroButton = ({
-  wrapperClassName,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames('it-btn-container', wrapperClassName);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classes,
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement(Button, Object.assign({
-    size: 'sm'
-  }, attributes)));
-};
-
-const HeroCategory = ({
-  className,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames('it-category', className);
-  return /*#__PURE__*/React__default.createElement("span", Object.assign({}, attributes, {
-    className: classes,
-    "data-testid": testId
-  }));
-};
-
-const HeroTitle = ({
-  tag: Tag = 'h1',
-  className,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames(className);
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: classes,
-    "data-testid": testId
-  }));
-};
-
-const InputContainer = ({
-  id,
-  infoId,
-  infoText,
-  testId,
-  activeClass,
-  extraLabelClass,
-  label,
-  validationTextClass,
-  validationText,
-  wrapperClass,
-  children
-}) => {
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: wrapperClass,
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement("label", {
-    htmlFor: id,
-    className: activeClass + ' ' + extraLabelClass
-  }, label), children, infoText && ( /*#__PURE__*/React__default.createElement("small", {
-    id: infoId,
-    className: 'form-text'
-  }, infoText)), /*#__PURE__*/React__default.createElement("div", {
-    className: validationTextClass
-  }, validationText));
-};
-
-function getFormControlClassInternal({
-  plaintext,
-  staticInput,
-  type = 'text',
-  addon,
-  normalized
-}) {
-  const formControlClass = 'form-control';
-  if (plaintext || staticInput || normalized) {
-    return `${formControlClass}-plaintext`;
-  }
-  if (type === 'file') {
-    return `${formControlClass}-file`;
-  }
-  if (['radio', 'checkbox'].indexOf(type) > -1) {
-    if (addon) {
-      return null;
-    }
-  }
-  return formControlClass;
-}
-function getFormControlClass(props, cssModule) {
-  return mapToCssModules(getFormControlClassInternal(props), cssModule);
-}
-function getValidationTextControlClass({
-  valid
-}, cssModule) {
-  return mapToCssModules(classNames({
-    'form-text': true,
-    'form-feedback just-validate-error-label': valid == false
-  }), cssModule);
-}
-function getTag({
-  tag,
-  plaintext,
-  staticInput,
-  type = 'text'
-}) {
-  if (tag) {
-    return tag;
-  }
-  if (['radio', 'checkbox'].indexOf(type) > -1) {
-    return 'input';
-  }
-  if (plaintext || staticInput) {
-    return 'p';
-  }
-  return 'input';
-}
-function getClasses(className, type, {
-  isFocused,
-  valid,
-  bsSize,
-  placeholder,
-  value,
-  label,
-  validationText,
-  normalized,
-  inputPassword,
-  formControlClass,
-  validationTextControlClass,
-  originalWrapperClass
-}, cssModule) {
-  const hasPlainCondition = placeholder || label || validationText;
-  const baseCondition = hasPlainCondition && !normalized && !inputPassword;
-  const passwordOnlyCondition = inputPassword && !hasPlainCondition && !normalized;
-  const normalizedOnlyCondition = normalized && !hasPlainCondition && !inputPassword;
-  const classes = mapToCssModules(classNames(className, {
-    'is-invalid': valid == false,
-    'just-validate-success-field': valid,
-    [`form-control-${bsSize}`]: bsSize
-  }, formControlClass), cssModule);
-  const wrapperClass = mapToCssModules(classNames(className, originalWrapperClass, 'form-group'), cssModule);
-  const validationTextClass = mapToCssModules(classNames({
-    'valid-feedback': valid,
-    'invalid-feedback form-feedback just-validate-error-label': valid == false
-  }, validationTextControlClass), cssModule);
-  const inputClasses = mapToCssModules(classNames(classes, !baseCondition && {
-    // we can model here only if stylings
-    'form-control-plaintext': normalizedOnlyCondition,
-    'form-control': passwordOnlyCondition,
-    'input-password': passwordOnlyCondition,
-    'focus--mouse': passwordOnlyCondition || normalizedOnlyCondition
-  }), cssModule);
-  const activeClass = mapToCssModules(classNames({
-    active: isFocused || placeholder || value || ['date', 'time'].includes(type)
-  }), cssModule);
-  const extraLabelClass = mapToCssModules(classNames({
-    'input-number-label': ['number', 'currency', 'adaptive', 'percentage'].includes(type)
-  }));
-  return {
-    wrapperClass,
-    inputClasses,
-    activeClass,
-    extraLabelClass,
-    validationTextClass
-  };
-}
-function useFocus({
-  onFocus,
-  onBlur
-}) {
-  const [isFocused, setFocus] = useState(false);
-  const toggleFocusLabel = useCallback(e => {
-    setFocus(true);
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-  }, [onFocus]);
-  const toggleBlurLabel = useCallback(e => {
-    if (e.target.value === '') {
-      setFocus(!isFocused);
-    }
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-  }, [isFocused, onBlur]);
-  return {
-    toggleFocusLabel,
-    toggleBlurLabel,
-    isFocused
-  };
-}
-
-const Input = ({
-  id,
-  className,
-  cssModule,
-  type = 'text',
-  tag,
-  addon,
-  addonText,
-  static: staticInput,
-  plaintext,
-  innerRef,
-  label,
-  incrementLabel,
-  decrementLabel,
-  validationText,
-  infoText,
-  placeholder,
-  normalized,
-  value,
-  wrapperClass: originalWrapperClassOld,
-  wrapperClassName: originalWrapperClass,
-  size,
-  testId,
-  noWrapper = false,
-  ...attributes
-}) => {
-  const [isHidden, setHidden] = useState(true);
-  const [hasIcon, toggleIcon] = useState(true);
-  const {
-    toggleFocusLabel,
-    toggleBlurLabel,
-    isFocused
-  } = useFocus({
-    onFocus: attributes.onFocus,
-    onBlur: attributes.onBlur
-  });
-  const toggleShow = useCallback(() => {
-    setHidden(!isHidden);
-    toggleIcon(!hasIcon);
-  }, [hasIcon, isHidden]);
-  const divResizeRef = useRef(null);
-  const inputRef = useRef(null);
-  const [width, setWidth] = useState('100');
-  useEffect(() => {
-    if (divResizeRef.current != null && divResizeRef.current.classList.contains('input-number-adaptive')) {
-      if (!value) {
-        setWidth(`calc(70px)`);
-      } else {
-        setWidth(`calc(70px + ${`${value}`.length}ch)`);
-      }
-    }
-  }, [value]);
-  let {
-    bsSize,
-    valid,
-    ...rest
-  } = attributes;
-  const Tag = getTag({
-    tag,
-    plaintext,
-    staticInput,
-    type
-  });
-  addon = addonText != null ? true : addon;
-  const formControlClass = getFormControlClass({
-    plaintext,
-    staticInput,
-    type,
-    addon,
-    normalized
-  }, cssModule);
-  const validationTextControlClass = getValidationTextControlClass({
-    valid
-  }, cssModule);
-  const extraAttributes = {};
-  if (size && !isNumber(size)) {
-    notifyDeprecation('Please use the prop "bsSize" instead of the "size" to bootstrap\'s input sizing.');
-    bsSize = size;
-  } else {
-    extraAttributes.size = size;
-  }
-  if (Tag === 'input' || typeof tag !== 'string') {
-    extraAttributes.type = type;
-  }
-  // associate the input field with the help text
-  const infoId = id ? `${id}Description` : undefined;
-  if (id) {
-    extraAttributes['aria-describedby'] = infoId;
-  }
-  if (attributes.children && !(plaintext || staticInput || type === 'select' || typeof Tag !== 'string' || Tag === 'select')) {
-    notifyDeprecation(`Input with a type of "${type}" cannot have children. Please use "value"/"defaultValue" instead.`);
-    delete attributes.children;
-  }
-  const inputPassword = extraAttributes.type === 'password';
-  const indeterminateCheckboxInput = type === 'checkbox' && (className === null || className === void 0 ? void 0 : className.includes('semi-checked'));
-  // Styling
-  const {
-    activeClass,
-    extraLabelClass,
-    validationTextClass,
-    inputClasses,
-    wrapperClass
-  } = getClasses(className, type, {
-    valid,
-    bsSize,
-    placeholder,
-    value,
-    label,
-    validationText,
-    normalized: Boolean(normalized),
-    inputPassword,
-    formControlClass,
-    validationTextControlClass,
-    isFocused: isFocused,
-    originalWrapperClass: originalWrapperClass || originalWrapperClassOld
-  }, cssModule);
-  // set of attributes always shared by the Input components
-  const sharedAttributes = {
-    id,
-    onFocus: toggleFocusLabel,
-    onBlur: toggleBlurLabel,
-    value: value,
-    ref: innerRef
-  };
-  // set of attributes always shared by the wrapper component
-  const containerProps = {
-    id,
-    infoId,
-    infoText,
-    activeClass,
-    extraLabelClass,
-    label,
-    validationTextClass,
-    validationText,
-    wrapperClass
-  };
-  if (noWrapper) {
-    return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, rest, extraAttributes, {
-      className: inputClasses
-    }, sharedAttributes, {
-      placeholder: placeholder,
-      "data-testid": testId
-    }));
-  }
-  const clickIncrDecr = mode => {
-    var _inputRef$current, _inputRef$current2, _inputRef$current3, _inputRef$current4, _Object$getOwnPropert, _inputRef$current5;
-    var step = parseFloat((_inputRef$current = inputRef.current) !== null && _inputRef$current !== void 0 && _inputRef$current.step ? inputRef.current.step : '1');
-    const min = parseFloat((_inputRef$current2 = inputRef.current) !== null && _inputRef$current2 !== void 0 && _inputRef$current2.min ? inputRef.current.min : 'Nan');
-    const max = parseFloat((_inputRef$current3 = inputRef.current) !== null && _inputRef$current3 !== void 0 && _inputRef$current3.max ? inputRef.current.max : 'Nan');
-    step = isNaN(step) ? 1 : step;
-    const newValue = parseFloat((_inputRef$current4 = inputRef.current) !== null && _inputRef$current4 !== void 0 && _inputRef$current4.value ? inputRef.current.value : '0') + mode * step;
-    if (!isNaN(max) && newValue > max) {
-      return;
-    }
-    if (!isNaN(min) && newValue < min) {
-      return;
-    }
-    const nativeInputValueSetter = (_Object$getOwnPropert = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')) === null || _Object$getOwnPropert === void 0 ? void 0 : _Object$getOwnPropert.set;
-    nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : nativeInputValueSetter.call(inputRef.current, `${newValue}`);
-    var ev2 = new Event('input', {
-      bubbles: true
-    });
-    (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.dispatchEvent(ev2);
-  };
-  if (['currency', 'percentage', 'adaptive', 'number'].includes(type)) {
-    return /*#__PURE__*/React__default.createElement(InputContainer, Object.assign({}, containerProps), /*#__PURE__*/React__default.createElement("div", {
-      className: classNames({
-        'input-group': true,
-        'input-number': true,
-        disabled: rest.disabled,
-        'input-number-percentage': type == 'percentage',
-        'input-number-currency': type == 'currency',
-        'input-number-adaptive': type == 'adaptive'
-      }),
-      style: {
-        width
-      },
-      ref: divResizeRef
-    }, ['currency', 'percentage'].includes(type) && ( /*#__PURE__*/React__default.createElement("span", {
-      className: 'input-group-text fw-semibold'
-    }, addonText)), /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, rest, extraAttributes, sharedAttributes, {
-      className: inputClasses,
-      "data-testid": testId,
-      type: 'number',
-      ref: inputRef
-    })), /*#__PURE__*/React__default.createElement("span", {
-      className: 'input-group-text align-buttons flex-column'
-    }, /*#__PURE__*/React__default.createElement("button", {
-      className: 'input-number-add',
-      onClick: () => clickIncrDecr(1),
-      type: 'button'
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: 'visually-hidden'
-    }, incrementLabel || '')), /*#__PURE__*/React__default.createElement("button", {
-      className: 'input-number-sub',
-      onClick: () => clickIncrDecr(-1),
-      type: 'button'
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: 'visually-hidden'
-    }, decrementLabel || '')))));
-  }
-  if (placeholder) {
-    return /*#__PURE__*/React__default.createElement(InputContainer, Object.assign({}, containerProps), /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, rest, extraAttributes, sharedAttributes, {
-      className: inputClasses,
-      placeholder: placeholder,
-      "data-testid": testId
-    })));
-  }
-  if (indeterminateCheckboxInput) {
-    return /*#__PURE__*/React__default.createElement(InputContainer, Object.assign({}, containerProps), /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, rest, extraAttributes, sharedAttributes, {
-      className: inputClasses,
-      "data-testid": testId,
-      indeterminate: 'true'
-    })));
-  }
-  if (inputPassword) {
-    return /*#__PURE__*/React__default.createElement(InputContainer, Object.assign({}, containerProps), /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, rest, extraAttributes, sharedAttributes, {
-      type: isHidden ? 'password' : 'text',
-      className: inputClasses,
-      placeholder: placeholder,
-      "data-testid": testId
-    })), /*#__PURE__*/React__default.createElement("span", {
-      className: 'password-icon',
-      "aria-hidden": 'true'
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      size: 'sm',
-      icon: `it-password-${hasIcon ? 'visible' : 'invisible'}`,
-      className: 'password-icon-visible',
-      onClick: toggleShow
-    })));
-  }
-  if (normalized) {
-    return /*#__PURE__*/React__default.createElement(InputContainer, Object.assign({}, containerProps), /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, rest, extraAttributes, sharedAttributes, {
-      className: inputClasses,
-      "data-testid": testId,
-      readOnly: true
-    })));
-  }
-  if (label || validationText) {
-    return /*#__PURE__*/React__default.createElement(InputContainer, Object.assign({}, containerProps), /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, rest, extraAttributes, sharedAttributes, {
-      className: inputClasses,
-      "data-testid": testId
-    })));
-  }
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, rest, extraAttributes, {
-    className: inputClasses
-  }, sharedAttributes, {
-    "data-testid": testId
-  }));
-};
-
-const TextArea = ({
-  id,
-  className,
-  cssModule,
-  innerRef,
-  label,
-  validationText,
-  infoText,
-  placeholder,
-  normalized,
-  value,
-  wrapperClassName: originalWrapperClass,
-  valid,
-  testId,
-  ...attributes
-}) => {
-  const {
-    toggleFocusLabel,
-    toggleBlurLabel,
-    isFocused
-  } = useFocus({
-    onFocus: attributes.onFocus,
-    onBlur: attributes.onBlur
-  });
-  const validationTextControlClass = getValidationTextControlClass({
-    valid
-  }, cssModule);
-  const extraAttributes = {};
-  // associate the input field with the help text
-  const infoId = id ? `${id}Description` : undefined;
-  if (id) {
-    extraAttributes['aria-describedby'] = infoId;
-  }
-  // Styling
-  const {
-    activeClass,
-    extraLabelClass,
-    validationTextClass,
-    inputClasses,
-    wrapperClass
-  } = getClasses(className, 'textarea', {
-    valid,
-    placeholder,
-    value,
-    label,
-    validationText,
-    normalized: Boolean(normalized),
-    validationTextControlClass,
-    isFocused,
-    originalWrapperClass
-  }, cssModule);
-  // set of attributes always shared by the Input components
-  const sharedAttributes = {
-    id,
-    onFocus: toggleFocusLabel,
-    onBlur: toggleBlurLabel,
-    value,
-    ref: innerRef
-  };
-  // set of attributes always shared by the wrapper component
-  const containerProps = {
-    id,
-    infoId,
-    infoText,
-    activeClass,
-    extraLabelClass,
-    label,
-    validationTextClass,
-    validationText,
-    wrapperClass
-  };
-  if (placeholder) {
-    return /*#__PURE__*/React__default.createElement(InputContainer, Object.assign({}, containerProps), /*#__PURE__*/React__default.createElement("textarea", Object.assign({}, attributes, extraAttributes, sharedAttributes, {
-      className: inputClasses,
-      placeholder: placeholder,
-      "data-testid": testId
-    })));
-  }
-  if (normalized) {
-    return /*#__PURE__*/React__default.createElement(InputContainer, Object.assign({}, containerProps), /*#__PURE__*/React__default.createElement("textarea", Object.assign({}, attributes, extraAttributes, sharedAttributes, {
-      className: inputClasses,
-      readOnly: true,
-      "data-testid": testId
-    })));
-  }
-  if (label || validationText) {
-    return /*#__PURE__*/React__default.createElement(InputContainer, Object.assign({}, containerProps), /*#__PURE__*/React__default.createElement("textarea", Object.assign({}, attributes, extraAttributes, sharedAttributes, {
-      className: inputClasses,
-      "data-testid": testId
-    })));
-  }
-  return /*#__PURE__*/React__default.createElement("textarea", Object.assign({}, attributes, extraAttributes, {
-    className: inputClasses
-  }, sharedAttributes, {
-    ref: innerRef,
-    "data-testid": testId
-  }));
-};
-
-const LinkList = ({
-  className,
-  wrapperClassName,
-  tag = 'div',
-  multiline,
-  header,
-  sublist,
-  avatar,
-  noWrapper,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const wrapperClasses = classNames('link-list-wrapper', wrapperClassName, {
-    multiline: multiline
-  });
-  const classes = classNames(className, {
-    'link-list': !sublist,
-    'link-sublist': sublist,
-    'avatar-group': avatar
-  });
-  if (noWrapper) {
-    return /*#__PURE__*/React__default.createElement("ul", Object.assign({}, attributes, {
-      className: classes,
-      "data-testid": testId
-    }));
-  }
-  if (sublist) {
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, header, /*#__PURE__*/React__default.createElement("ul", Object.assign({}, attributes, {
-      className: classes
-    })));
-  }
-  return /*#__PURE__*/React__default.createElement(Tag, {
-    className: wrapperClasses,
-    "data-testid": testId
-  }, header, /*#__PURE__*/React__default.createElement("ul", Object.assign({}, attributes, {
-    className: classes
-  })));
-};
-
-const handleDisabledOnClick = e => {
-  e.preventDefault();
-};
-const LinkListItem = ({
-  className,
-  active,
-  disabled,
-  header,
-  divider,
-  bold,
-  large,
-  href,
-  tag = 'a',
-  wrapperClassName,
-  testId,
-  children,
-  inDropdown,
-  ...attributes
-}) => {
-  let Tag = tag;
-  const classes = classNames(className, {
-    active,
-    disabled,
-    header,
-    divider,
-    large: large,
-    medium: bold,
-    'dropdown-item': inDropdown
-  }, 'list-item');
-  // Prevent click event when disabled.
-  const handlers = {};
-  if (disabled) {
-    handlers.onClick = handleDisabledOnClick;
-  }
-  if (header) {
-    Tag = 'h3';
-  } else if (divider) {
-    Tag = 'span';
-  }
-  if (inDropdown) {
-    attributes['role'] = 'menuitem';
-    attributes['tabIndex'] = 0;
-  }
-  if (header && href) {
-    return /*#__PURE__*/React__default.createElement("li", {
-      className: wrapperClassName,
-      "data-testid": testId
-    }, /*#__PURE__*/React__default.createElement(Tag, null, /*#__PURE__*/React__default.createElement("a", Object.assign({
-      href: href || '#'
-    }, attributes, {
-      className: classes
-    }, handlers), children)));
-  }
-  return /*#__PURE__*/React__default.createElement("li", {
-    className: wrapperClassName,
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    role: attributes.onClick ? 'button' : undefined
-  }, attributes, {
-    className: classes,
-    href: href
-  }, handlers), children));
-};
-const LinkListTitleIconWrapper = ({
-  children
-}) => {
-  return /*#__PURE__*/React__default.createElement("span", {
-    className: 'list-item-title-icon-wrapper'
-  }, children);
-};
-LinkListItem.TitleIconWrapper = LinkListTitleIconWrapper;
-
-const MegamenuFooter = ({
-  className,
-  children,
-  vertical,
-  ...attributes
-}) => {
-  const classes = classNames(className, `it-footer-link-wrapper${vertical ? '-vertical' : ''}`);
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: classes
-  }, attributes), children);
-};
-const Item = ({
-  href,
-  children
-}) => {
-  return /*#__PURE__*/React__default.createElement("a", {
-    href: href || '#',
-    className: 'it-footer-link'
-  }, children);
-};
-MegamenuFooter.Item = Item;
-
-const MegamenuHighlightColumn = ({
-  description,
-  className,
-  children,
-  ...attributes
-}) => {
-  const classes = classNames(className, 'it-vertical', {
-    'it-description': description
-  });
-  return /*#__PURE__*/React__default.createElement(Col, Object.assign({}, attributes), /*#__PURE__*/React__default.createElement(Row, {
-    className: 'max-height-col'
-  }, /*#__PURE__*/React__default.createElement(Col, {
-    className: classes
-  }, description ? /*#__PURE__*/React__default.createElement("div", {
-    className: 'description-content'
-  }, children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children))));
-};
-
-const MegamenuItem = ({
-  itemName,
-  className,
-  children,
-  ...attributes
-}) => {
-  const classes = classNames(className, 'megamenu');
-  const toggleClasses = classNames('px-lg-2', 'px-xl-3');
-  return /*#__PURE__*/React__default.createElement(Dropdown, Object.assign({
-    tag: 'li',
-    className: classes
-  }, attributes, {
-    inNavbar: true
-  }), /*#__PURE__*/React__default.createElement(DropdownToggle, {
-    caret: true,
-    className: toggleClasses,
-    inNavbar: true
-  }, /*#__PURE__*/React__default.createElement("span", null, itemName)), /*#__PURE__*/React__default.createElement(DropdownMenu, null, /*#__PURE__*/React__default.createElement("div", {
-    className: 'megamenu pb-5 pt-3 py-lg-0'
-  }, children)));
-};
-
-const Modal = ({
-  withIcon,
-  withLinkList,
-  popConfirm,
-  modalClassName,
-  align,
-  scrollable,
-  className,
-  ...props
-}) => {
-  const isAligned = align != null && ['left', 'right'].includes(align);
-  const modalDialogClassnames = classNames(modalClassName, {
-    'alert-modal': withIcon,
-    'it-dialog-link-list': withLinkList,
-    'popconfirm-modal': popConfirm,
-    'it-dialog-scrollable': scrollable && isAligned
-  });
-  const modalClassnames = classNames(className, {
-    'modal-dialog-left': align === 'left',
-    'modal-dialog-right': align === 'right'
-  });
-  return /*#__PURE__*/React__default.createElement(Modal$1, Object.assign({}, props, {
-    scrollable: !isAligned && scrollable,
-    className: modalClassnames,
-    modalClassName: modalDialogClassnames
-  }));
-};
-
-const ModalBody = props => /*#__PURE__*/React__default.createElement(ModalBody$1, Object.assign({}, props));
-
-const ModalFooter = props => /*#__PURE__*/React__default.createElement(ModalFooter$1, Object.assign({}, props));
-
-const ModalHeader = ({
-  icon,
-  className,
-  children,
-  Util,
-  toggle,
-  tag: Tag = 'h5',
-  wrapTag: WrapTag = 'div',
-  closeAriaLabel = 'Close',
-  close,
-  cssModule,
-  ...props
-}) => {
-  const classes = mapToCssModules(classNames(className, 'modal-header'), cssModule);
-  let CloseButton;
-  if (!close && toggle) {
-    CloseButton = /*#__PURE__*/React__default.createElement("button", {
-      type: 'button',
-      onClick: toggle,
-      className: mapToCssModules('btn-close', cssModule),
-      "aria-label": closeAriaLabel
-    });
-  }
-  return /*#__PURE__*/React__default.createElement(WrapTag, Object.assign({}, props, {
-    className: classes
-  }), icon != null ? /*#__PURE__*/React__default.createElement(Icon, {
-    icon: icon
-  }) : null, /*#__PURE__*/React__default.createElement(Tag, {
-    className: mapToCssModules('modal-title', cssModule)
-  }, children), close || CloseButton);
-};
-
-const Nav = ({
-  className,
-  tag = 'ul',
-  vertical = false,
-  secondary,
-  ...attributes
-}) => {
-  const classes = classNames(className, {
-    'navbar-secondary': secondary
-  });
-  return /*#__PURE__*/React__default.createElement(Nav$1, Object.assign({
-    className: classes,
-    tag: tag,
-    vertical: vertical
-  }, attributes));
-};
-
-/*
- * This work derives from the React Use Navscroll library
- * Released under the MIT license by Marco Liberati
- * Code: https://github.com/dej611/react-use-navscroll
- */
-const debounce = (callback, wait) => {
-  let timeoutId;
-  return (...args) => {
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => {
-      callback.apply(null, args);
-    }, wait);
-  };
-};
-
-/*
- * This work derives from the React Use Navscroll library
- * Released under the MIT license by Marco Liberati
- * Code: https://github.com/dej611/react-use-navscroll
- */
-const DEFAULT_DELAY = 150;
-const useSizeDetector = ({
-  root,
-  isHorizontal,
-  activeId,
-  onChange,
-  setForceRecompute,
-  updateActiveId,
-  hasWindow
-}) => {
-  const [targetSize, setTargetSize] = useState(1);
-  const useViewport = root == null || hasWindow && (isHorizontal ? window.innerWidth < root.clientWidth : window.innerHeight < root.clientHeight);
-  const scrollEnd = useCallback(debounce(() => {
-    setForceRecompute(true);
-  }, DEFAULT_DELAY), [setForceRecompute]);
-  useEffect(() => {
-    if (!hasWindow) {
-      return;
-    }
-    let observer = null;
-    const resizeWindowHandler = () => {
-      setTimeout(() => {
-        setTargetSize(isHorizontal ? window.innerWidth : window.innerHeight);
-      }, DEFAULT_DELAY);
-    };
-    const resizeElementHandler = entries => {
-      const [entry] = entries;
-      if (!useViewport) {
-        setTargetSize(isHorizontal ? entry.boundingClientRect.width : entry.boundingClientRect.height);
-      }
-      if (entry.intersectionRatio === 0) {
-        if (activeId != null) {
-          updateActiveId(null);
-          if (onChange) {
-            onChange({
-              added: null,
-              removed: activeId
-            });
-          }
-        }
-      }
-    };
-    addEventListener('scroll', scrollEnd);
-    if (useViewport) {
-      setTargetSize(isHorizontal ? window.innerWidth : window.innerHeight);
-      addEventListener('resize', resizeWindowHandler);
-    }
-    if (root) {
-      observer = new IntersectionObserver(resizeElementHandler);
-      observer.observe(root);
-    }
-    return () => {
-      if (observer) {
-        observer.disconnect();
-      }
-      removeEventListener('resize', resizeWindowHandler);
-      removeEventListener('scroll', scrollEnd);
-    };
-  }, [root, isHorizontal, activeId, onChange, useViewport, scrollEnd, hasWindow, updateActiveId]);
-  return {
-    targetSize,
-    useViewport
-  };
-};
-
-/*
- * This work derives from the React Use Navscroll library
- * Released under the MIT license by Marco Liberati
- * Code: https://github.com/dej611/react-use-navscroll
- */
-const hasWindow = typeof window !== 'undefined';
-const REGISTER_DELAY = 50;
-function resolveHierarchyIds(id, lookup) {
-  const newActiveIds = [id];
-  let lastId = newActiveIds[0];
-  while (lastId != null && lookup[lastId] != null) {
-    newActiveIds.push(lookup[lastId]);
-    lastId = lookup[lastId];
-  }
-  // return a list from parent to current child
-  return newActiveIds.reverse();
-}
-/**
- * This is the main hook: use it in a react function component to track
- * the state of the passed ids. The function accepts an initial configuration
- * of type `useNavScrollArgs` to customize the behaviour.
- */
-function useNavScroll(args = {}) {
-  const {
-    onChange,
-    root,
-    offset = 50,
-    isHorizontal = false
-  } = args;
-  const els = useRef([]);
-  const [counter, setCounter] = useState(0);
-  const [forceRecompute, setForceRecompute] = useState(false);
-  const [activeId, updateActiveId] = useState(null);
-  const {
-    targetSize,
-    useViewport
-  } = useSizeDetector({
-    root,
-    isHorizontal,
-    onChange,
-    activeId,
-    setForceRecompute,
-    updateActiveId,
-    hasWindow
-  });
-  const observerMargin = Math.floor(targetSize * offset / 100) || 1;
-  const observerOptions = useMemo(() => {
-    const topMargin = observerMargin % 2 === 1 ? observerMargin - 1 : observerMargin;
-    const bottomMargin = targetSize - observerMargin;
-    return {
-      root: useViewport ? null : root,
-      rootMargin: isHorizontal ? `0px ${-topMargin}px 0px ${-bottomMargin}px` : `${-topMargin}px 0px ${-bottomMargin}px 0px`
-    };
-  }, [root, targetSize, observerMargin, isHorizontal, useViewport]);
-  const elsLookup = useMemo(() => {
-    const lookup = {};
-    for (const {
-      id,
-      parent
-    } of els.current) {
-      lookup[id] = parent;
-    }
-    return lookup;
-  }, []);
-  const activeIds = useMemo(() => activeId ? resolveHierarchyIds(activeId, elsLookup) : [], [activeId, elsLookup]);
-  const activeLookups = useMemo(() => new Set(activeIds), [activeIds]);
-  useEffect(() => {
-    if (!hasWindow) {
-      return;
-    }
-    const handleIntersection = entries => {
-      let intersectionId = null;
-      let topMin = Infinity;
-      entries.forEach(entry => {
-        if (entry.isIntersecting) {
-          if (topMin > entry.boundingClientRect.top) {
-            topMin = entry.boundingClientRect.top;
-            intersectionId = entry.target.id;
-          }
-        }
-      });
-      if (intersectionId != null) {
-        updateActiveId(intersectionId);
-        if (onChange) {
-          const diffIds = {
-            added: intersectionId,
-            removed: activeId
-          };
-          onChange(diffIds);
-        }
-      }
-    };
-    const observer = new IntersectionObserver(handleIntersection, observerOptions);
-    els.current.forEach(({
-      ref
-    }) => {
-      if (ref && ref.current) {
-        observer.observe(ref.current);
-      }
-    });
-    if (forceRecompute) {
-      handleIntersection(observer.takeRecords());
-      setForceRecompute(false);
-    }
-    return () => {
-      observer.disconnect();
-    };
-  }, [activeIds, updateActiveId, els, elsLookup, onChange, activeLookups, activeId, observerOptions, isHorizontal, root, forceRecompute]);
-  const refresh = useCallback(debounce(() => {
-    setCounter(counter + 1);
-  }, REGISTER_DELAY), [counter]);
-  const register = useCallback((id, options = {}) => {
-    if (!hasWindow) {
-      return {
-        id,
-        ref: null
-      };
-    }
-    const alreadyRegistered = (id in elsLookup);
-    const entry = alreadyRegistered ? els.current.find(({
-      id: existingId
-    }) => existingId === id) : options;
-    const ref = entry && entry.ref || /*#__PURE__*/createRef();
-    if (!alreadyRegistered) {
-      els.current = [...els.current, {
-        id,
-        ref,
-        parent: options.parent
-      }];
-      refresh();
-    }
-    return {
-      id,
-      ref
-    };
-  }, [elsLookup, refresh]);
-  const unregister = useCallback(idToUnregister => {
-    els.current = els.current.filter(({
-      id
-    }) => id !== idToUnregister);
-  }, []);
-  const isActive = useCallback(id => activeLookups.has(id), [activeLookups]);
-  const getActiveRef = useCallback(() => {
-    const entry = els.current.find(({
-      id
-    }) => id === activeId);
-    return entry ? entry.ref : null;
-  }, [activeId]);
-  return {
-    register,
-    unregister,
-    activeIds,
-    isActive,
-    getActiveRef
-  };
-}
-
-const PositionContext = /*#__PURE__*/createContext(undefined);
-function usePosition() {
-  const context = useContext(PositionContext);
-  return context;
-}
-
-const getBorderStyleFix = fix => {
-  const borderReset = ['top', 'bottom', 'right', 'left'].filter(curPosition => fix === 'left' ? curPosition !== 'right' : curPosition !== 'left').map(borderPosition => `border${borderPosition[0].toUpperCase() + borderPosition.substring(1)}`);
-  const customStyle = {};
-  for (const borderPos of borderReset) {
-    customStyle[borderPos] = 'none';
-  }
-  return customStyle;
-};
-function pickIcon(state) {
-  switch (state) {
-    case 'error':
-      return 'it-close-circle';
-    case 'info':
-      return 'it-info-circle';
-    case 'warning':
-      return 'it-error';
-    case 'success':
-      return 'it-check-circle';
-    default:
-      return undefined;
-  }
-}
-function NotificationElement({
-  closeToast,
-  toastProps,
-  title,
-  body,
-  options
-}) {
-  const globalFix = usePosition();
-  const {
-    icon: userIcon,
-    state,
-    fix: localFix,
-    dismissable
-  } = options;
-  const fixPosition = localFix == null && globalFix ? globalFix : localFix || globalFix;
-  const {
-    autoClose,
-    style
-  } = toastProps;
-  const content = typeof body === 'string' ? /*#__PURE__*/React__default.createElement("p", null, body) : body;
-  const icon = userIcon || pickIcon(state);
-  const borderFixes = getBorderStyleFix(fixPosition);
-  const wrapperClass = classNames('notification', state, {
-    [`${fixPosition}-fix`]: fixPosition,
-    'with-icon': icon,
-    dismissable: dismissable || !autoClose
-  });
-  // Need to override some toast styling here
-  const customStyle = {
-    ...style,
-    ...borderFixes,
-    // force a display as the notification class has a "display: none" set
-    display: 'block'
-  };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: wrapperClass,
-    style: customStyle
-  }, /*#__PURE__*/React__default.createElement("h5", null, title, icon ? /*#__PURE__*/React__default.createElement(Icon, {
-    icon: icon
-  }) : null), content, (!autoClose || dismissable) && ( /*#__PURE__*/React__default.createElement(Button, {
-    className: 'notification-close',
-    onClick: closeToast
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    icon: 'it-close'
-  }), /*#__PURE__*/React__default.createElement("span", {
-    className: 'visually-hidden'
-  }, "Chiudi notifica: ", title))));
-}
-/**
- * Internal use only. Exported for documentation purposes.
- * @internal
- */
-const createNotification = (title, body, options, closeToast, toastProps) => ( /*#__PURE__*/React__default.createElement(NotificationElement, {
-  title: title,
-  body: body,
-  options: options,
-  closeToast: closeToast,
-  toastProps: toastProps
-}));
-
-const dummyTransition = /*#__PURE__*/cssTransition({
-  enter: '',
-  exit: ''
-});
-const Notification = props => {
-  const {
-    toastRef,
-    eventHandlers
-  } = useToast({
-    ...props,
-    transition: dummyTransition
-  });
-  const {
-    children,
-    autoClose,
-    onClick,
-    role,
-    toastId,
-    deleteToast,
-    closeToast,
-    isIn
-  } = props;
-  const customStyle = {
-    display: isIn ? 'block' : 'none'
-  };
-  useEffect(() => {
-    if (!isIn) deleteToast();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isIn]);
-  useEffect(() => {
-    let timer;
-    if (autoClose) {
-      timer = setTimeout(() => closeToast(), autoClose);
-    }
-    return () => {
-      if (timer != null) {
-        clearTimeout(Number(timer));
-      }
-    };
-  }, [autoClose, closeToast]);
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    id: toastId,
-    onClick: onClick
-  }, eventHandlers, {
-    style: customStyle,
-    ref: toastRef
-  }, isIn && {
-    role: role
-  }), children);
-};
-
-const KitTransition = /*#__PURE__*/cssTransition({
-  enter: `d-block`,
-  exit: `d-none`,
-  appendPosition: false
-});
-const NotificationManager = props => {
-  const customStyle = {
-    ...props.style,
-    ...getBorderStyleFix(props.fix)
-  };
-  const hookProps = {
-    autoClose: props.duration ?? 6000,
-    closeOnClick: props.closeOnClick ?? true,
-    hideProgressBar: true,
-    transition: KitTransition,
-    rtl: false,
-    pauseOnHover: true,
-    pauseOnFocusLoss: true,
-    newestOnTop: false,
-    draggable: false,
-    role: 'alert',
-    style: customStyle,
-    enableMultiContainer: props.containerId != null // enable multi container when an explicit id is passed
-  };
-  const {
-    getToastToRender,
-    containerRef,
-    isToastActive
-  } = useToastContainer(hookProps);
-  const {
-    containerId,
-    style,
-    fix
-  } = props;
-  return /*#__PURE__*/React__default.createElement(PositionContext.Provider, {
-    value: fix
-  }, /*#__PURE__*/React__default.createElement("div", {
-    ref: containerRef,
-    id: containerId,
-    style: style
-  }, getToastToRender((_, toastList) => {
-    return toastList.map(({
-      content,
-      props: toastProps
-    }) => {
-      return /*#__PURE__*/React__default.createElement(Notification, Object.assign({}, toastProps, {
-        isIn: isToastActive(toastProps.toastId),
-        key: `notification-${toastProps.key}`
-      }), content);
-    });
-  })));
-};
-
-function notify(title, bodyOrOptions, options) {
-  let body = isReactChild(bodyOrOptions) ? bodyOrOptions : undefined;
-  const safeOptions = isReactChild(bodyOrOptions) ? {
-    ...options
-  } : bodyOrOptions || {};
-  const NotificationContent = createNotification(title, body, safeOptions);
-  const internalOptions = {
-    ...safeOptions,
-    autoClose: safeOptions.duration
-  };
-  return toast(NotificationContent, internalOptions);
-}
-function isReactChild(el) {
-  return el != null && (typeof el === 'string' || typeof el === 'number' || 'type' in el);
-}
-notify.dismiss = id => toast.dismiss(id);
-
-const Pager = ({
-  className,
-  tag = 'nav',
-  listTag: ListTag = 'ul',
-  listClassName,
-  children,
-  total,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames(className, 'pagination-wrapper', {
-    'pagination-total': total
-  });
-  const listClasses = classNames(listClassName, 'pagination');
-  const {
-    ariaLabel,
-    label
-  } = total || {};
-  const totalAriaLabel = ariaLabel ? /*#__PURE__*/React__default.createElement("span", {
-    className: 'visually-hidden'
-  }, ariaLabel) : null;
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), /*#__PURE__*/React__default.createElement(ListTag, {
-    className: listClasses
-  }, children), total ? ( /*#__PURE__*/React__default.createElement("p", null, totalAriaLabel, label)) : null);
-};
-
-const Progress = ({
-  wrapperClassName,
-  className,
-  tag = 'div',
-  value,
-  label,
-  indeterminate = false,
-  color,
-  testId,
-  role = 'progressbar',
-  ...attributes
-}) => {
-  const Tag = tag;
-  if (!isNumber(value) && !indeterminate) {
-    logError(`The passed "value" is not a valid number. You passed "${value}"`);
-  }
-  const numericValue = Number(value);
-  const wrapperClasses = classNames('progress-bar-wrapper');
-  const secondaryWrapperClasses = classNames(wrapperClassName === true ? className : wrapperClassName, 'progress', {
-    'progress-indeterminate': indeterminate,
-    'progress-color': color
-  });
-  const classes = classNames(className, 'progress-bar', {
-    [`bg-${color}`]: color
-  });
-  if (label && numericValue) {
-    return /*#__PURE__*/React__default.createElement(Tag, {
-      className: wrapperClasses,
-      "data-testid": testId
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: 'progress-bar-label'
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: 'visually-hidden'
-    }, label), numericValue + '%'), /*#__PURE__*/React__default.createElement(Tag, {
-      className: secondaryWrapperClasses
-    }, /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
-      className: classes,
-      role: 'progressbar',
-      style: {
-        width: numericValue + '%'
-      },
-      "aria-valuenow": numericValue,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100
-    }))));
-  }
-  return /*#__PURE__*/React__default.createElement(Tag, {
-    className: secondaryWrapperClasses,
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: 'progress-bar-label'
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: 'visually-hidden'
-  }, label)), /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
-    className: classes,
-    role: 'progressbar',
-    style: {
-      width: numericValue + '%'
-    },
-    "aria-valuenow": numericValue,
-    "aria-valuemin": 0,
-    "aria-valuemax": 100
-  })));
-};
-
-const isCustomLegendObject = legend => {
-  return legend != null && typeof legend === 'object' && 'content' in legend;
-};
-const Rating = ({
-  className,
-  inputs,
-  legend,
-  name,
-  readOnly,
-  value,
-  wrapperClassName,
-  testId,
-  labelTemplate = value => `Valuta ${value} stelle su 5`,
-  onChangeRating = noop,
-  ...attributes
-}) => {
-  // Input data
-  // On the DOM we have to go from 5 to 1
-  const safeInputs = (inputs || []).reverse();
-  // Fields
-  const labelFn = labelTemplate;
-  const onChange = readOnly ? noop : onChangeRating;
-  const wrapperClasses = classNames(wrapperClassName, {
-    'rating rating-read-only': readOnly,
-    'rating rating-label': legend
-  });
-  const fieldClasses = classNames(className);
-  const extraFieldAttrs = readOnly ? {
-    'aria-hidden': true
-  } : {};
-  // Legend
-  const isLegendString = typeof legend === 'string';
-  let legendClass = '';
-  let legendText = legend;
-  if (isCustomLegendObject(legend)) {
-    legendClass = classNames({
-      'visually-hidden': legend.srOnly
-    });
-    legendText = legend.content;
-  }
-  const legendContent = isCustomLegendObject(legend) || isLegendString ? /*#__PURE__*/React__default.createElement("legend", {
-    className: legendClass
-  }, legendText) : legend;
-  return /*#__PURE__*/React__default.createElement(FormGroup, Object.assign({
-    cssModule: {
-      'form-group': 'rating'
-    },
-    tag: 'fieldset',
-    className: wrapperClasses,
-    "data-testid": testId
-  }, attributes), legend && legendContent, safeInputs.map((id, i) => {
-    const currentValue = 5 - i;
-    return /*#__PURE__*/React__default.createElement(Fragment, {
-      key: id
-    }, /*#__PURE__*/React__default.createElement(Input, Object.assign({
-      type: 'radio',
-      id: id,
-      name: name,
-      value: String(currentValue),
-      cssModule: {
-        'form-control': ''
-      },
-      className: fieldClasses,
-      onChange: () => onChange(currentValue, name),
-      checked: value === currentValue,
-      disabled: readOnly
-    }, extraFieldAttrs)), /*#__PURE__*/React__default.createElement(Label, {
-      className: 'full',
-      for: id
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      icon: 'it-star-full',
-      size: 'sm'
-    }), /*#__PURE__*/React__default.createElement("span", {
-      className: 'visually-hidden'
-    }, labelFn(currentValue))));
-  }));
-};
-
-const ResponsiveImage = ({
-  alt,
-  testId,
-  ...attributes
-}) => {
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: 'img-responsive-wrapper',
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: 'img-responsive'
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: 'img-wrapper'
-  }, /*#__PURE__*/React__default.createElement("img", Object.assign({}, attributes, {
-    alt: alt
-  })))));
-};
-
-const Section = ({
-  color,
-  image,
-  testId,
-  wrapperClassName,
-  className,
-  children,
-  neutral,
-  muted,
-  ...rest
-}) => {
-  const classes = classNames('section', wrapperClassName === true ? className : wrapperClassName, {
-    [`section-${color}`]: color,
-    'section-image': image
-  });
-  if (neutral || muted) {
-    notifyDeprecation(`Please use the prop "color" instead of the "${neutral ? 'neutral' : 'muted'}" for the Section component.`);
-  }
-  // have them separated from the classes above or these will conflict with the color prop
-  // concatenate them at the end. Worst case a duplicate class will appear
-  const deprecatedClasses = classNames({
-    'section-neutral': neutral,
-    'section-muted': muted
-  });
-  const innerClasses = classNames('section-content', className);
-  const styleClass = {
-    backgroundImageClass: image ? {
-      backgroundImage: `url(${image})`
-    } : {}
-  };
-  const finalWrapperClassName = classNames(classes, deprecatedClasses);
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: finalWrapperClassName,
-    style: styleClass.backgroundImageClass,
-    "data-testid": testId
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
-    className: innerClasses
-  }, children));
-};
-
-const Select = ({
-  id,
-  disabled = false,
-  label,
-  children,
-  onChange,
-  ...rest
-}) => {
-  const handleChange = e => {
-    onChange(e.target.value);
-  };
-  const inputProps = {
-    ...rest,
-    disabled: disabled,
-    onChange: handleChange
-  };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: 'select-wrapper'
-  }, id ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("label", {
-    htmlFor: id
-  }, label), /*#__PURE__*/React__default.createElement("select", Object.assign({
-    id: id
-  }, inputProps), children))) : ( /*#__PURE__*/React__default.createElement("label", null, label, /*#__PURE__*/React__default.createElement("select", Object.assign({}, inputProps), children))));
-};
-
-const Sidebar = ({
-  className,
-  testId,
-  tag = 'div',
-  secondary = false,
-  left = false,
-  right = false,
-  dark = false,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const wrapperClasses = classNames('sidebar-wrapper', className, {
-    'it-line-left-side': left,
-    'it-line-right-side': right,
-    'theme-dark': dark
-  });
-  const wrapperClassesLinkList = classNames('sidebar-linklist-wrapper', {
-    'linklist-secondary': secondary
-  });
-  if (secondary) {
-    return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-      className: wrapperClassesLinkList,
-      "data-testid": testId
-    }));
-  }
-  return /*#__PURE__*/React__default.createElement(Tag, {
-    className: wrapperClasses,
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: wrapperClassesLinkList
-  })));
-};
-
-const Skiplink = ({
-  className,
-  tag = 'div',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames(className, 'skiplinks');
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }));
-};
-
-const SkiplinkItem = ({
-  className,
-  tag = 'a',
-  focusable = true,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames(className, {
-    'visually-hidden-focusable': focusable
-  });
-  // Add an extra href for focusable if the user passes an onClick rather than href prop
-  const extraHref = attributes.onClick ? {
-    href: '#'
-  } : {};
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, extraHref, {
-    "data-testid": testId
-  }));
-};
-
-const Spinner = ({
-  className,
-  tag = 'span',
-  active = false,
-  small = false,
-  double = false,
-  label = 'Caricamento',
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const wrapperClasses = classNames('progress-spinner', {
-    'progress-spinner-active': active,
-    'size-sm': small,
-    'progress-spinner-double': double
-  });
-  const classes = classNames(className, 'visually-hidden');
-  if (double) {
-    return /*#__PURE__*/React__default.createElement(Tag, {
-      className: wrapperClasses,
-      "data-testid": testId
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: 'progress-spinner-inner'
-    }), /*#__PURE__*/React__default.createElement("div", {
-      className: 'progress-spinner-inner'
-    }), /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-      className: classes
-    }), label));
-  }
-  return /*#__PURE__*/React__default.createElement(Tag, {
-    className: wrapperClasses,
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: classes
-  }), label));
-};
-
-const StepperContainer = ({
-  tag = 'div',
-  mobile,
-  dark,
-  testId,
-  className,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const wrapperClass = classNames('steppers', className, {
-    'bg-dark': dark
-  }, {
-    'mobile-examples': mobile
-  });
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: wrapperClass,
-    "data-testid": testId
-  }));
-};
-
-const contentStyleLight = {
-  height: '400px',
-  border: '2px dashed #eee',
-  background: '#fafafa',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  color: '#333'
-};
-const contentStyleDark = {
-  height: '400px',
-  border: '2px dashed #eee',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  color: '#EEE',
-  borderColor: '#aaa',
-  background: '#17324d',
-  opacity: 0.5
-};
-const StepperContent = ({
-  tag = 'div',
-  className,
-  dark,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames('steppers-content', className);
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: classes,
-    style: dark && contentStyleDark || contentStyleLight,
-    "aria-live": 'polite'
-  }));
-};
-
-const StepperDots = ({
-  tag = 'ul',
-  className,
-  testId,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const wrapperClass = classNames('steppers-dots', className);
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: wrapperClass,
-    "data-testid": testId
-  }));
-};
-
-const StepperHeader = ({
-  tag = 'div',
-  testId,
-  className,
-  children,
-  ...attributes
-}) => {
-  var _children$props;
-  const Tag = tag;
-  const wrapperClass = classNames('steppers-header', className);
-  // @ts-ignore not recognize children's props
-  const isMobile = (children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.variant) === 'mobile';
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: wrapperClass,
-    "data-testid": testId
-  }), isMobile ? /*#__PURE__*/React__default.createElement("span", null, children) : /*#__PURE__*/React__default.createElement("ul", null, children));
-};
-
-const variants = {
-  confirmed: 'confirmed',
-  active: 'active',
-  done: 'done',
-  mobile: 'steppers-index',
-  // @deprecated
-  'steppers-index': 'steppers-index'
-};
-const StepperHeaderElement = ({
-  tag = 'li',
-  variant,
-  appendIcon,
-  prependIcon,
-  icon,
-  iconName,
-  noLine,
-  stepperNumber,
-  testId,
-  children,
-  className,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const wrapperClasses = classNames(variant ? variants[variant] : '', className, {
-    'no-line': noLine
-  });
-  const iconClass = classNames('icon', 'steppers-success');
-  const spanClass = classNames('steppers-number');
-  const iconToAppend = appendIcon || icon;
-  const iconToPrepend = prependIcon || iconName;
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: wrapperClasses,
-    "data-testid": testId
-  }), iconToPrepend && /*#__PURE__*/React__default.createElement(Icon, {
-    icon: iconToPrepend
-  }), stepperNumber && /*#__PURE__*/React__default.createElement("span", {
-    className: spanClass
-  }, stepperNumber), children, iconToAppend && /*#__PURE__*/React__default.createElement(Icon, {
-    icon: iconToAppend,
-    className: iconClass
-  }));
-};
-
-const StepperNav = ({
-  tag = 'nav',
-  testId,
-  className,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const wrapperClass = classNames('steppers-nav', className);
-  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
-    className: wrapperClass,
-    "data-testid": testId
-  }));
-};
-
-const ThumbNav = ({
-  isSmall = false,
-  fixedWidth = false,
-  isVertical = false,
-  noZoomOnHover = false,
-  rowItems,
-  overlayOnHover,
-  position,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames('thumb-nav', {
-    'thumb-nav-fixed': fixedWidth,
-    'thumb-nav-small': isSmall,
-    'thumb-nav-vertical': isVertical || position === 'left' || position === 'right',
-    'thumb-nav-nozoom': noZoomOnHover,
-    [`thumb-nav-${overlayOnHover}`]: overlayOnHover,
-    [`thumb-nav-${position}`]: position,
-    'thumb-nav-auto': rowItems != null,
-    [`thumb-nav-auto-${rowItems}`]: rowItems != null
-  });
-  return /*#__PURE__*/React__default.createElement("ul", Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }));
-};
-
-const ThumbNavItem = ({
-  active = false,
-  targetUrl,
-  imageUrl,
-  actionDescription,
-  testId,
-  ...attributes
-}) => {
-  const classes = classNames({
-    active: active
-  }, 'ratio', 'ratio-3x2');
-  return /*#__PURE__*/React__default.createElement("li", Object.assign({}, attributes, {
-    "data-testid": testId
-  }), /*#__PURE__*/React__default.createElement("img", {
-    src: 'https://picsum.photos/240/160?image=1056',
-    className: 'thumb-nav-resizer',
-    "aria-hidden": 'true',
-    alt: ''
-  }), /*#__PURE__*/React__default.createElement("a", {
-    href: targetUrl,
-    className: classes
-  }, /*#__PURE__*/React__default.createElement("img", {
-    src: imageUrl,
-    alt: actionDescription
-  })));
-};
-
-const TimelinePin = ({
-  iconName = 'it-code-circle',
-  icon = 'it-code-circle',
-  label = ' ',
-  past,
-  now,
-  nowText,
-  testId,
-  className,
-  ...attributes
-}) => {
-  const {
-    children,
-    ...rest
-  } = attributes;
-  const classes = classNames('timeline-element', className);
-  const innerClasses = classNames('it-pin-wrapper', className, {
-    'it-evidence': past,
-    'it-now': now
-  });
-  const pinIcon = /*#__PURE__*/React__default.createElement("div", {
-    className: 'pin-icon'
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    icon: iconName || icon
-  }));
-  const pinLabel = /*#__PURE__*/React__default.createElement("div", {
-    className: 'pin-text'
-  }, /*#__PURE__*/React__default.createElement("span", null, label));
-  const pinTextNow = now && /*#__PURE__*/React__default.createElement("span", {
-    className: 'it-now-label d-none d-lg-flex'
-  }, nowText);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classes,
-    "data-testid": testId
-  }, pinTextNow, /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: innerClasses
-  }, rest), pinIcon, pinLabel), children);
-};
-
-const Timeline = props => {
-  const {
-    className,
-    testId,
-    ...attributes
-  } = props;
-  const {
-    children,
-    ...rest
-  } = attributes;
-  const timelineWrapper = classNames(className, 'it-timeline-wrapper');
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: timelineWrapper
-  }, rest, {
-    "data-testid": testId
-  }), children);
-};
-
-const Toggle = ({
-  label,
-  testId,
-  ...rest
-}) => {
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: 'toggles',
-    "data-testid": testId
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    check: true
-  }, label, /*#__PURE__*/React__default.createElement(Input$1, Object.assign({}, rest, {
-    type: 'checkbox'
-  })), /*#__PURE__*/React__default.createElement("span", {
-    className: 'lever'
-  })));
-};
-
-const SizeContext = /*#__PURE__*/createContext(undefined);
-const Toolbar = ({
-  tag = 'nav',
-  size,
-  testId,
-  children,
-  vertical,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const classes = classNames('toolbar', {
-    [`toolbar-${size}`]: size && size !== 'large',
-    'toolbar-vertical': vertical
-  });
-  return /*#__PURE__*/React__default.createElement(SizeContext.Provider, {
-    value: size || 'large'
-  }, /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), /*#__PURE__*/React__default.createElement("ul", null, children)));
-};
-
-const ToolbarDividerItem = () => /*#__PURE__*/React__default.createElement("li", {
-  className: 'toolbar-divider',
-  "aria-hidden": true
-});
-
-const disabledMessage = ' elemento disabilitato';
-function ToolbarItemLabel({
-  label,
-  size,
-  disabled,
-  badge
-}) {
-  const showSrText = size && size !== 'large';
-  if (disabled) {
-    if (!label || showSrText) {
-      return /*#__PURE__*/React__default.createElement("span", {
-        className: 'visually-hidden'
-      }, disabledMessage);
-    }
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
-      className: 'toolbar-label'
-    }, label), /*#__PURE__*/React__default.createElement("span", {
-      className: 'visually-hidden'
-    }, disabledMessage));
-  }
-  if (!label) {
-    return null;
-  }
-  return showSrText ? ( /*#__PURE__*/React__default.createElement("span", {
-    className: 'visually-hidden'
-  }, label)) : ( /*#__PURE__*/React__default.createElement("span", {
-    className: 'toolbar-label'
-  }, label, badge !== null && badge !== void 0 && badge.label ? /*#__PURE__*/React__default.createElement("span", {
-    className: 'visually-hidden'
-  }, badge.label) : null));
-}
-const ToolbarItem = ({
-  active = false,
-  badge,
-  url,
-  iconName,
-  label,
-  tag = 'a',
-  disabled,
-  testId,
-  srText,
-  dropdown,
-  dropdownProps,
-  children,
-  showMore,
-  onClick,
-  isDropdownOpen,
-  ...attributes
-}) => {
-  const Tag = tag;
-  const size = useContext(SizeContext);
-  const activeClass = classNames({
-    active,
-    disabled
-  });
-  const ariaAttributes = {
-    ...(disabled && {
-      'aria-disabled': true
-    })
-  };
-  const badgeObject = typeof badge === 'number' ? {
-    value: badge,
-    label: srText || '',
-    srText: srText || ''
-  } : badge;
-  const toolbarItemContent = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, badgeObject ? ( /*#__PURE__*/React__default.createElement("div", {
-    className: 'badge-wrapper'
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: 'toolbar-badge'
-  }, size !== 'large' ? null : badgeObject.value), size !== 'large' && /*#__PURE__*/React__default.createElement("span", {
-    className: 'visually-hidden'
-  }, badgeObject.srText))) : null, /*#__PURE__*/React__default.createElement(Icon, {
-    icon: iconName,
-    size: size === 'small' ? 'sm' : ''
-  }), /*#__PURE__*/React__default.createElement(ToolbarItemLabel, {
-    label: label,
-    size: size,
-    disabled: disabled,
-    badge: badgeObject
-  }));
-  if (dropdown) {
-    return /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(Dropdown$2, Object.assign({}, dropdownProps, {
-      toggle: onClick,
-      isOpen: isDropdownOpen
-    }), /*#__PURE__*/React__default.createElement(DropdownToggle$1, {
-      disabled: disabled,
-      caret: true,
-      className: classNames('btn-dropdown', {
-        'toolbar-more': showMore
-      }),
-      color: ''
-    }, toolbarItemContent), children));
-  }
-  return /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(Tag, Object.assign({
-    href: url || '#',
-    className: activeClass,
-    "data-testid": testId
-  }, attributes, ariaAttributes, {
-    onClick: onClick
-  }), toolbarItemContent));
-};
-
-export { Accordion, AccordionBody, AccordionHeader, AccordionItem, Alert, AvatarContainer, AvatarExtraText, AvatarGroupContainer, AvatarIcon, AvatarPresence, AvatarStatus, AvatarWrapper, BackToTop, Badge, BottomNav, BottomNavItem, Breadcrumb, Button, Callout, CalloutMoreFooter, CalloutText, CalloutTitle, Card, CardBody, CardCategory, CardFooterCTA, CardReadMore, CardSignature, CardTag, CardTagsHeader, CardText, CardTitle, Chip, ChipLabel, Collapse, Dimmer, DimmerButtons, Dropdown, DropdownMenu, DropdownToggle, FontLoader, Forward, GoBack, GridItem, GridItemText, GridItemTextWrapper, GridList, GridRow, Header, HeaderBrand, HeaderContent, HeaderLinkZone, HeaderRightZone, HeaderSearch, HeaderSocialsZone, HeaderToggler, Headers, Hero, HeroBackground, HeroBody, HeroButton, HeroCategory, HeroTitle, Icon, Input, InputContainer, LinkList, LinkListItem, MegamenuFooter, MegamenuHighlightColumn, MegamenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Nav, NotificationManager, Pager, Progress, Rating, ResponsiveImage, Section, Select, Sidebar, Skiplink, SkiplinkItem, Spinner, StepperContainer, StepperContent, StepperDots, StepperHeader, StepperHeaderElement, StepperNav, TextArea, ThumbNav, ThumbNavItem, Timeline, TimelinePin, Toggle, Toolbar, ToolbarDividerItem, ToolbarItem, clearIconCache, createNotification, iconsList as icons, notify, preloadIcons, useFontLoader, useNavScroll };
-//# sourceMappingURL=index.js.map