design-react-kit 5.0.2 → 5.0.4

package/dist/esm/index.js

@@ -1,10 +1,4438 @@
+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';
-export { S as Accordion, V as AccordionBody, W as AccordionHeader, X as AccordionItem, Y as Alert, Z as AvatarContainer, _ as AvatarExtraText, $ as AvatarGroupContainer, a0 as AvatarIcon, a1 as AvatarPresence, a2 as AvatarStatus, a3 as AvatarWrapper, a4 as BackToTop, a5 as Badge, a6 as BottomNav, a7 as BottomNavItem, a8 as Breadcrumb, a9 as Button, aa as Callout, ab as CalloutMoreFooter, ac as CalloutText, ad as CalloutTitle, ae as Card, af as CardBody, ag as CardCategory, ah as CardFooterCTA, ai as CardReadMore, aj as CardSignature, ak as CardTag, al as CardTagsHeader, am as CardText, an as CardTitle, ao as Chip, ap as ChipLabel, aq as Collapse, ar as Dimmer, as as DimmerButtons, at as Dropdown, au as DropdownMenu, av as DropdownToggle, aw as FontLoader, ay as Forward, az as GoBack, aA as GridItem, aB as GridItemText, aC as GridItemTextWrapper, aD as GridList, aE as GridRow, aF as Header, aG as HeaderBrand, aH as HeaderContent, aI as HeaderLinkZone, aJ as HeaderRightZone, aK as HeaderSearch, aL as HeaderSocialsZone, aM as HeaderToggler, aN as Headers, aO as Hero, aP as HeroBackground, aQ as HeroBody, aR as HeroButton, aS as HeroCategory, aT as HeroTitle, aU as Icon, aY as Input, aZ as InputContainer, a$ as LinkList, b0 as LinkListItem, b1 as MegamenuFooter, b2 as MegamenuHighlightColumn, b3 as MegamenuItem, b4 as Modal, b5 as ModalBody, b6 as ModalFooter, b7 as ModalHeader, b8 as Nav, ba as NotificationManager, bd as Pager, be as Progress, bf as Rating, bg as ResponsiveImage, bh as Section, bi as Select, bj as Sidebar, bk as Skiplink, bl as SkiplinkItem, bm as Spinner, bn as StepperContainer, bo as StepperContent, bp as StepperDots, bq as StepperHeader, br as StepperHeaderElement, bs as StepperNav, a_ as TextArea, bt as ThumbNav, bu as ThumbNavItem, bw as Timeline, bv as TimelinePin, bx as Toggle, by as Toolbar, bz as ToolbarDividerItem, bA as ToolbarItem, aV as clearIconCache, bb as createNotification, aW as icons, bc as notify, aX as preloadIcons, ax as useFontLoader, b9 as useNavScroll } from './index-38598319.js';
-import 'react';
-import 'classnames';
-import 'react-transition-group';
-import 'bootstrap-italia';
-import 'react-stickup';
-import 'is-number';
-import 'react-toastify';
+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';
+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(() => {
+  }, [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