@nulogy/components 14.7.2 → 14.8.0

package/dist/main.module.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import React__default, { createContext, useContext, useLayoutEffect, useEffect, useState, useRef, useCallback, useMemo, forwardRef, createElement, cloneElement, Children, isValidElement, Fragment, useReducer, Component, PureComponent, useImperativeHandle } from 'react';
-import styled, { useTheme, keyframes as keyframes$3, createGlobalStyle, ThemeContext as ThemeContext$1, StyleSheetManager, ThemeProvider } from 'styled-components';
+import styled, { useTheme, keyframes as keyframes$3, createGlobalStyle, ThemeContext as ThemeContext$1, styled as styled$1, StyleSheetManager, ThemeProvider } from 'styled-components';
 import assign from 'object-assign';
 import icons from '@nulogy/icons';
-import _extends$d from '@babel/runtime/helpers/extends';
+import _extends$e from '@babel/runtime/helpers/extends';
 import _assertThisInitialized$1 from '@babel/runtime/helpers/assertThisInitialized';
 import _inheritsLoose$2 from '@babel/runtime/helpers/inheritsLoose';
 import isEqual$2 from 'react-fast-compare';
@@ -25,7 +25,7 @@ import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/taggedTemplateLiteral';
 import PropTypes, { node, bool, oneOfType, object, func, string, arrayOf, any } from 'prop-types';
 import _objectWithoutPropertiesLoose$3 from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
-import deepEqual$1 from 'deep-equal';
+import equal from 'deep-equal';
 import createContext$1 from '@hypnosphi/create-react-context';
 import ReactResizeDetector from 'react-resize-detector';
 import ReactDatePicker, { registerLocale } from 'react-datepicker';
@@ -9211,7 +9211,7 @@ var shadow = system({
   }
 });
 
-function _extends$c() { _extends$c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
+function _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
 
 // based on https://github.com/developit/dlv
 var get$1 = function get(obj, key, def, p, undef) {
@@ -9342,7 +9342,7 @@ var positiveOrNegative = function positiveOrNegative(scale, value) {
 var transforms = ['margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'top', 'bottom', 'left', 'right'].reduce(function (acc, curr) {
   var _extends2;
 
-  return _extends$c({}, acc, (_extends2 = {}, _extends2[curr] = positiveOrNegative, _extends2));
+  return _extends$d({}, acc, (_extends2 = {}, _extends2[curr] = positiveOrNegative, _extends2));
 }, {});
 var responsive = function responsive(styles) {
   return function (theme) {
@@ -9384,7 +9384,7 @@ var css$3 = function css(args) {
       props = {};
     }
 
-    var theme = _extends$c({}, defaultTheme$1, {}, props.theme || props);
+    var theme = _extends$d({}, defaultTheme$1, {}, props.theme || props);
 
     var result = {};
     var obj = typeof args === 'function' ? args(theme) : args;
@@ -9396,7 +9396,7 @@ var css$3 = function css(args) {
 
       if (key === 'variant') {
         var variant = css(get$1(theme, val))(theme);
-        result = _extends$c({}, result, {}, variant);
+        result = _extends$d({}, result, {}, variant);
         continue;
       }
 
@@ -9529,6 +9529,20 @@ var zIndex = position.zIndex,
     bottom$1 = position.bottom,
     left$1 = position.left;
 
+var gap = system({
+  gap: {
+    property: "gap",
+    scale: "space"
+  },
+  rowGap: {
+    property: "rowGap",
+    scale: "space"
+  },
+  columnGap: {
+    property: "columnGap",
+    scale: "space"
+  }
+});
 function getStyledPropNames() {
   for (var _len = arguments.length, styleFns = new Array(_len), _key = 0; _key < _len; _key++) {
     styleFns[_key] = arguments[_key];
@@ -9557,7 +9571,7 @@ var variant = function variant(variants) {
 };
 var addStyledProps = compose(
 // After
-space, margin, padding, width, fontSize, color, fontFamily, textAlign, lineHeight, fontWeight, fontStyle, letterSpacing, display, maxWidth, minWidth, height, maxHeight, minHeight, size$4, verticalAlign, alignItems, alignContent, justifyItems, justifyContent, flexWrap, flexBasis, flexDirection, flex, flexbox, justifySelf, alignSelf, order$1, grid, gridGap, gridColumnGap, gridRowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea, border, borderTop, borderRight, borderBottom, borderLeft, border, borderColor, borderRadius$1, shadow, opacity, overflow, position, zIndex, top$1, right$1, bottom$1, left$1, textStyle, colorStyle, buttonStyle, background, backgroundSize, backgroundRepeat, backgroundPosition, backgroundImage, layout, flexGrow, typography, system({
+space, margin, padding, width, fontSize, color, fontFamily, textAlign, lineHeight, fontWeight, fontStyle, letterSpacing, display, maxWidth, minWidth, height, maxHeight, minHeight, size$4, verticalAlign, alignItems, alignContent, justifyItems, justifyContent, flexWrap, flexBasis, flexDirection, flex, flexbox, justifySelf, alignSelf, order$1, grid, gridGap, gridColumnGap, gridRowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea, border, borderTop, borderRight, borderBottom, borderLeft, border, borderColor, borderRadius$1, shadow, opacity, overflow, position, zIndex, top$1, right$1, bottom$1, left$1, textStyle, colorStyle, buttonStyle, background, backgroundSize, backgroundRepeat, backgroundPosition, backgroundImage, layout, flexGrow, typography, gap, system({
   visibility: true,
   transition: true,
   transform: true,
@@ -9760,20 +9774,6 @@ var InputIcon = styled(Icon).withConfig({
   };
 }, position);
 
-var gap = system({
-  gap: {
-    property: "gap",
-    scale: "space"
-  },
-  rowGap: {
-    property: "rowGap",
-    scale: "space"
-  },
-  columnGap: {
-    property: "columnGap",
-    scale: "space"
-  }
-});
 var Flex = styled(Box).withConfig({
   displayName: "Flex",
   componentId: "sc-1whlq91-0"
@@ -10848,7 +10848,7 @@ var WrapperButton$2 = styled.button.withConfig({
     }
   });
 }, space);
-var Button = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+var Button$1 = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var children = _a.children,
     _a$iconSide = _a.iconSide,
     iconSide = _a$iconSide === void 0 ? "right" : _a$iconSide,
@@ -10878,8 +10878,8 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   }));
 });
 
-function _extends$b() {
-  _extends$b = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$c() {
+  _extends$c = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10890,7 +10890,7 @@ function _extends$b() {
     }
     return target;
   };
-  return _extends$b.apply(this, arguments);
+  return _extends$c.apply(this, arguments);
 }
 
 function _assertThisInitialized(self) {
@@ -11820,7 +11820,7 @@ function guard(lowerBoundary, upperBoundary, value) {
 function darken(amount, color) {
   if (color === 'transparent') return color;
   var hslColor = parseToHsl(color);
-  return toColorString(_extends$b({}, hslColor, {
+  return toColorString(_extends$c({}, hslColor, {
     lightness: guard(0, 1, hslColor.lightness - parseFloat(amount))
   }));
 } // prettier-ignore
@@ -11865,7 +11865,7 @@ function transparentize(amount, color) {
   var parsedColor = parseToRgb(color);
   var alpha = typeof parsedColor.alpha === 'number' ? parsedColor.alpha : 1;
 
-  var colorWithAlpha = _extends$b({}, parsedColor, {
+  var colorWithAlpha = _extends$c({}, parsedColor, {
     alpha: guard(0, 1, (alpha * 100 - parseFloat(amount) * 100) / 100)
   });
 
@@ -11879,7 +11879,7 @@ curry
 /* ::<number | string, string, string> */
 (transparentize);
 
-var PrimaryButton = styled(Button).withConfig({
+var PrimaryButton = styled(Button$1).withConfig({
   displayName: "PrimaryButton",
   componentId: "sc-1btjl04-0"
 })(function (_ref) {
@@ -11905,7 +11905,7 @@ var PrimaryButton = styled(Button).withConfig({
   };
 });
 
-var DangerButton = styled(Button).withConfig({
+var DangerButton = styled(Button$1).withConfig({
   displayName: "DangerButton",
   componentId: "sc-wmt3mt-0"
 })(function (_ref) {
@@ -11931,7 +11931,7 @@ var DangerButton = styled(Button).withConfig({
   };
 });
 
-var QuietButton = styled(Button).withConfig({
+var QuietButton = styled(Button$1).withConfig({
   displayName: "QuietButton",
   componentId: "sc-9hn6d3-0"
 })(function (_ref) {
@@ -14444,72 +14444,28 @@ var APP_ABBREVIATIONS = {
   "supplier-collaboration": "SC",
   "digital-quality-inspection": "DQI",
   "shop-floor": "SF",
-  "smart-factory": "SFac"
+  "smart-factory": "SFac",
+  connections: "CN",
+  data: "Data"
 };
 var APP_DISPLAY_NAMES = {
   "production-scheduling": "Production Scheduling",
   "supplier-collaboration": "Supplier Collaboration",
   "digital-quality-inspection": "Digital Quality Inspection",
   "shop-floor": "Shop Floor",
-  "smart-factory": "Smart Factory"
-};
-var appTagColors = {
-  active: {
-    primary: "darkGrey",
-    secondary: "lightGrey"
-  },
-  inactive: {
-    primary: "midGrey",
-    secondary: "whiteGrey"
-  },
-  interactive: {
-    primary: "blue",
-    secondary: "lightBlue"
-  }
+  "smart-factory": "Smart Factory",
+  connections: "Connections",
+  data: "Data"
 };
 
-var LogoWrapper = styled.span.withConfig({
-  displayName: "LogoWrapper",
-  componentId: "sc-a1yhff-0"
-})(function (_ref) {
-  var theme = _ref.theme,
-    $type = _ref.$type;
-  var color = theme.colors[appTagColors[$type].primary];
-  return {
-    background: color,
-    display: "inline-block",
-    padding: theme.space.half,
-    borderRadius: theme.radii.circle,
-    lineHeight: 0
-  };
-});
-
-function NulogyLogo$1(_a) {
-  var _a$width = _a.width,
-    width = _a$width === void 0 ? 8 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 8 : _a$height,
-    props = __rest(_a, ["width", "height"]);
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
-    width: width,
-    height: height,
-    viewBox: "0 0 8 8",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
-    d: "M6.75004 0.290783L8 0.872348V6.10892C8 7.23335 6.80591 7.43084 5.99989 7.56333C6.4609 7.43084 6.7526 7.28197 6.75004 6.10892V1.45441L5.50008 0.872348L6.75004 0.290783ZM1.49987 7.27255V4.07344C1.49987 3.7514 1.70755 3.38717 1.95959 3.26163L3.25007 2.61655V4.65104L4.50003 5.52785C4.75207 5.67671 5.25017 5.68019 5.25017 5.23657V4.36373L4.74951 4.07245V0L0.938216 1.63404C0.420065 1.85585 0 2.55502 0 3.2001V8L1.49987 7.27255Z",
-    fill: "white"
-  }));
-}
-
-function _extends$a() {
-  return _extends$a = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$b() {
+  return _extends$b = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$a.apply(null, arguments);
+  }, _extends$b.apply(null, arguments);
 }
 
 function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true  } = {}) {
@@ -14639,34 +14595,34 @@ function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEven
     return createScope1;
 }
 
-function _extends$9() {
-  return _extends$9 = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$a() {
+  return _extends$a = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$9.apply(null, arguments);
+  }, _extends$a.apply(null, arguments);
 }
 
-function _extends$8() {
-  return _extends$8 = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$9() {
+  return _extends$9 = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$8.apply(null, arguments);
+  }, _extends$9.apply(null, arguments);
 }
 
-function _extends$7() {
-  return _extends$7 = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$8() {
+  return _extends$8 = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$7.apply(null, arguments);
+  }, _extends$8.apply(null, arguments);
 }
 
 /* -------------------------------------------------------------------------------------------------
@@ -14686,11 +14642,11 @@ function _extends$7() {
                 return /*#__PURE__*/ isValidElement(newElement) ? newElement.props.children : null;
             } else return child;
         });
-        return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone, _extends$7({}, slotProps, {
+        return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone, _extends$8({}, slotProps, {
             ref: forwardedRef
         }), /*#__PURE__*/ isValidElement(newElement) ? /*#__PURE__*/ cloneElement(newElement, undefined, newChildren) : null);
     }
-    return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone, _extends$7({}, slotProps, {
+    return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone, _extends$8({}, slotProps, {
         ref: forwardedRef
     }), children);
 });
@@ -14774,7 +14730,7 @@ const $8927f6f2acc4f386$var$NODES = [
         useEffect(()=>{
             window[Symbol.for('radix-ui')] = true;
         }, []);
-        return /*#__PURE__*/ createElement(Comp, _extends$8({}, primitiveProps, {
+        return /*#__PURE__*/ createElement(Comp, _extends$9({}, primitiveProps, {
             ref: forwardedRef
         }));
     });
@@ -14958,7 +14914,7 @@ const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ forwardRef((prop
         return ()=>document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate)
         ;
     }, []);
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$9({}, layerProps, {
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$a({}, layerProps, {
         ref: composedRefs,
         style: {
             pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? 'auto' : 'none' : undefined,
@@ -15110,14 +15066,14 @@ function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
     return deterministicId || (id ? `radix-${id}` : '');
 }
 
-function _extends$6() {
-  return _extends$6 = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$7() {
+  return _extends$7 = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$6.apply(null, arguments);
+  }, _extends$7.apply(null, arguments);
 }
 
 /**
@@ -17523,19 +17479,19 @@ const arrow$2 = (options, deps) => ({
   options: [options, deps]
 });
 
-function _extends$5() {
-  return _extends$5 = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$6() {
+  return _extends$6 = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$5.apply(null, arguments);
+  }, _extends$6.apply(null, arguments);
 }
 
 const $7e8f5cd07187803e$export$21b07c8f274aebd5 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { children: children , width: width = 10 , height: height = 5 , ...arrowProps } = props;
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.svg, _extends$5({}, arrowProps, {
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.svg, _extends$6({}, arrowProps, {
         ref: forwardedRef,
         width: width,
         height: height,
@@ -17622,7 +17578,7 @@ const $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d = /*#__PURE__*/ forwardRef((props
         // `anchorRef` with their virtual ref in this case.
         context.onAnchorChange((virtualRef === null || virtualRef === void 0 ? void 0 : virtualRef.current) || ref.current);
     });
-    return virtualRef ? null : /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$6({}, anchorProps, {
+    return virtualRef ? null : /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$7({}, anchorProps, {
         ref: composedRefs
     }));
 });
@@ -17751,7 +17707,7 @@ const $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc = /*#__PURE__*/ forwardRef((props
         arrowX: arrowX,
         arrowY: arrowY,
         shouldHideArrow: cannotCenterArrow
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$6({
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$7({
         "data-side": placedSide,
         "data-align": placedAlign
     }, contentProps, {
@@ -17803,7 +17759,7 @@ const $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0 = /*#__PURE__*/ forwardRef(funct
             }[contentContext.placedSide],
             visibility: contentContext.shouldHideArrow ? 'hidden' : undefined
         }
-    }, /*#__PURE__*/ createElement($7e8f5cd07187803e$export$be92b6f5f03c0fe9, _extends$6({}, arrowProps, {
+    }, /*#__PURE__*/ createElement($7e8f5cd07187803e$export$be92b6f5f03c0fe9, _extends$7({}, arrowProps, {
         ref: forwardedRef,
         style: {
             ...arrowProps.style,
@@ -17869,20 +17825,20 @@ const $cf1ac5d9fe0e8206$export$b688253958b8dfe7 = $cf1ac5d9fe0e8206$export$ecd4e
 const $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 = $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc;
 const $cf1ac5d9fe0e8206$export$21b07c8f274aebd5 = $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0;
 
-function _extends$4() {
-  return _extends$4 = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$5() {
+  return _extends$5 = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$4.apply(null, arguments);
+  }, _extends$5.apply(null, arguments);
 }
 
 const $f1701beae083dbae$export$602eac185826482c = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     var _globalThis$document;
     const { container: container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body , ...portalProps } = props;
-    return container ? /*#__PURE__*/ ReactDOM__default.createPortal(/*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$4({}, portalProps, {
+    return container ? /*#__PURE__*/ ReactDOM__default.createPortal(/*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$5({}, portalProps, {
         ref: forwardedRef
     })), container) : null;
 });
@@ -18054,18 +18010,18 @@ function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp ,
     return uncontrolledState;
 }
 
-function _extends$3() {
-  return _extends$3 = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$4() {
+  return _extends$4 = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$3.apply(null, arguments);
+  }, _extends$4.apply(null, arguments);
 }
 
 const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$3({}, props, {
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$4({}, props, {
         ref: forwardedRef,
         style: {
             // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -18233,9 +18189,9 @@ const $a093c7e1ec25a057$export$8c610744efcf8a1d = /*#__PURE__*/ forwardRef((prop
     }, [
         handlePointerUp
     ]);
-    return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$b688253958b8dfe7, _extends$a({
+    return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$b688253958b8dfe7, _extends$b({
         asChild: true
-    }, popperScope), /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$a({
+    }, popperScope), /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$b({
         // We purposefully avoid adding `type=button` here because tooltip triggers are also
         // commonly anchors and the anchor `type` attribute signifies MIME type.
         "aria-describedby": context.open ? context.contentId : undefined,
@@ -18294,11 +18250,11 @@ const $a093c7e1ec25a057$export$e9003e2be37ec060 = /*#__PURE__*/ forwardRef((prop
     const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
     return /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
         present: forceMount || context.open
-    }, context.disableHoverableContent ? /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContentImpl, _extends$a({
+    }, context.disableHoverableContent ? /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContentImpl, _extends$b({
         side: side
     }, contentProps, {
         ref: forwardedRef
-    })) : /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContentHoverable, _extends$a({
+    })) : /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContentHoverable, _extends$b({
         side: side
     }, contentProps, {
         ref: forwardedRef
@@ -18389,7 +18345,7 @@ const $a093c7e1ec25a057$var$TooltipContentHoverable = /*#__PURE__*/ forwardRef((
         onClose,
         handleRemoveGraceArea
     ]);
-    return /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContentImpl, _extends$a({}, props, {
+    return /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContentImpl, _extends$b({}, props, {
         ref: composedRefs
     }));
 });
@@ -18434,7 +18390,7 @@ const $a093c7e1ec25a057$var$TooltipContentImpl = /*#__PURE__*/ forwardRef((props
         onFocusOutside: (event)=>event.preventDefault()
         ,
         onDismiss: onClose
-    }, /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2, _extends$a({
+    }, /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2, _extends$b({
         "data-state": context.stateAttribute
     }, popperScope, contentProps, {
         ref: forwardedRef,
@@ -18462,7 +18418,7 @@ const $a093c7e1ec25a057$export$c27ee0ad710f7559 = /*#__PURE__*/ forwardRef((prop
     const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
     const visuallyHiddenContentContext = $a093c7e1ec25a057$var$useVisuallyHiddenContentContext($a093c7e1ec25a057$var$ARROW_NAME, __scopeTooltip); // if the arrow is inside the `VisuallyHidden`, we don't want to render it all to
     // prevent issues in positioning the arrow due to the duplicate
-    return visuallyHiddenContentContext.isInside ? null : /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$21b07c8f274aebd5, _extends$a({}, popperScope, arrowProps, {
+    return visuallyHiddenContentContext.isInside ? null : /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$21b07c8f274aebd5, _extends$b({}, popperScope, arrowProps, {
         ref: forwardedRef
     }));
 });
@@ -18612,15 +18568,21 @@ const $a093c7e1ec25a057$export$21b07c8f274aebd5 = $a093c7e1ec25a057$export$c27ee
 function Tooltip$2(_ref) {
   var children = _ref.children,
     content = _ref.content,
+    _ref$sideOffset = _ref.sideOffset,
+    sideOffset = _ref$sideOffset === void 0 ? 4 : _ref$sideOffset,
     _ref$hideTooltip = _ref.hideTooltip,
-    hideTooltip = _ref$hideTooltip === void 0 ? false : _ref$hideTooltip;
+    hideTooltip = _ref$hideTooltip === void 0 ? false : _ref$hideTooltip,
+    _ref$delayDuration = _ref.delayDuration,
+    delayDuration = _ref$delayDuration === void 0 ? 700 : _ref$delayDuration;
   if (hideTooltip) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
   }
-  return /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$2881499e37b75b9a, null, /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$be92b6f5f03c0fe9, null, /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$41fb9f06171c75f4, {
+  return /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$2881499e37b75b9a, {
+    delayDuration: delayDuration
+  }, /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$be92b6f5f03c0fe9, null, /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$41fb9f06171c75f4, {
     asChild: true
   }, children), /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$602eac185826482c, null, /*#__PURE__*/React__default.createElement(TooltipContent$1, {
-    sideOffset: 4
+    sideOffset: sideOffset
   }, content))));
 }
 var slideUpAndFade$1 = keyframes$3(["from{opacity:0;transform:translateY(2px);}to{opacity:1;transform:translateY(0);}"]);
@@ -18628,8 +18590,8 @@ var slideRightAndFade$1 = keyframes$3(["from{opacity:0;transform:translateX(-2px
 var slideDownAndFade$1 = keyframes$3(["from{opacity:0;transform:translateY(-2px);}to{opacity:1;transform:translateY(0);}"]);
 var slideLeftAndFade$1 = keyframes$3(["from{opacity:0;transform:translateX(2px);}to{opacity:1;transform:translateX(0);}"]);
 var TooltipContent$1 = styled($a093c7e1ec25a057$export$7c6e2c02157bb7d2).withConfig({
-  displayName: "Tooltip__TooltipContent",
-  componentId: "sc-1f1p4mx-0"
+  displayName: "Tooltip2__TooltipContent",
+  componentId: "sc-1l2zpgv-0"
 })(["font-family:", ";white-space:nowrap;font-size:", ";line-height:", ";color:", ";background-color:", ";border-radius:", ";margin-top:", ";padding:", ";z-index:", ";pointer-events:none;animation-duration:400ms;animation-timing-function:cubic-bezier(0.16,1,0.3,1);will-change:transform,opacity;&[data-state=\"delayed-open\"][data-side=\"top\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"right\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"bottom\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"left\"]{animation-name:", ";}"], function (_ref2) {
   var theme = _ref2.theme;
   return theme.fonts.base;
@@ -18659,6 +18621,55 @@ var TooltipContent$1 = styled($a093c7e1ec25a057$export$7c6e2c02157bb7d2).withCon
   return theme.zIndices.aboveOverlay;
 }, slideUpAndFade$1, slideRightAndFade$1, slideDownAndFade$1, slideLeftAndFade$1);
 
+var appTagColors = {
+  active: {
+    primary: "darkGrey",
+    secondary: "lightGrey"
+  },
+  inactive: {
+    primary: "midGrey",
+    secondary: "whiteGrey"
+  },
+  interactive: {
+    primary: "blue",
+    secondary: "lightBlue"
+  }
+};
+
+var LogoWrapper = styled.span.withConfig({
+  displayName: "LogoWrapper",
+  componentId: "sc-a1yhff-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+    $type = _ref.$type;
+  var color = theme.colors[appTagColors[$type].primary];
+  return {
+    background: color,
+    display: "inline-block",
+    padding: theme.space.half,
+    borderRadius: theme.radii.circle,
+    lineHeight: 0
+  };
+});
+
+function NulogyLogo$2(_a) {
+  var _a$width = _a.width,
+    width = _a$width === void 0 ? 8 : _a$width,
+    _a$height = _a.height,
+    height = _a$height === void 0 ? 8 : _a$height,
+    props = __rest(_a, ["width", "height"]);
+  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+    width: width,
+    height: height,
+    viewBox: "0 0 8 8",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    d: "M6.75004 0.290783L8 0.872348V6.10892C8 7.23335 6.80591 7.43084 5.99989 7.56333C6.4609 7.43084 6.7526 7.28197 6.75004 6.10892V1.45441L5.50008 0.872348L6.75004 0.290783ZM1.49987 7.27255V4.07344C1.49987 3.7514 1.70755 3.38717 1.95959 3.26163L3.25007 2.61655V4.65104L4.50003 5.52785C4.75207 5.67671 5.25017 5.68019 5.25017 5.23657V4.36373L4.74951 4.07245V0L0.938216 1.63404C0.420065 1.85585 0 2.55502 0 3.2001V8L1.49987 7.27255Z",
+    fill: "white"
+  }));
+}
+
 function AppTag(_ref) {
   var app = _ref.app,
     _ref$type = _ref.type,
@@ -18675,7 +18686,7 @@ function AppTag(_ref) {
     "$type": type
   }, /*#__PURE__*/React__default.createElement(LogoWrapper, {
     "$type": type
-  }, /*#__PURE__*/React__default.createElement(NulogyLogo$1, {
+  }, /*#__PURE__*/React__default.createElement(NulogyLogo$2, {
     width: theme.space.x1,
     height: theme.space.x1
   })), /*#__PURE__*/React__default.createElement(Text, {
@@ -18843,27 +18854,27 @@ function _createSuper(Derived) {
   };
 }
 
-function _arrayLikeToArray$1(arr, len) {
+function _arrayLikeToArray$2(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
 function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
+  if (Array.isArray(arr)) return _arrayLikeToArray$2(arr);
 }
 
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
-function _unsupportedIterableToArray$1(o, minLen) {
+function _unsupportedIterableToArray$2(o, minLen) {
   if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
+  if (typeof o === "string") return _arrayLikeToArray$2(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor) n = o.constructor.name;
   if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen);
 }
 
 function _nonIterableSpread() {
@@ -18871,7 +18882,7 @@ function _nonIterableSpread() {
 }
 
 function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread();
 }
 
 /*
@@ -20863,7 +20874,7 @@ function _nonIterableRest() {
 }
 
 function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest();
 }
 
 function _objectWithoutPropertiesLoose$2(source, excluded) {
@@ -21841,7 +21852,7 @@ var Menu$2 = function Menu(props) {
   var children = props.children,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends$b({}, getStyleProps(props, 'menu', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'menu', {
     menu: true
   }), {
     ref: innerRef
@@ -21872,7 +21883,7 @@ var MenuList$1 = function MenuList(props) {
     innerProps = props.innerProps,
     innerRef = props.innerRef,
     isMulti = props.isMulti;
-  return jsx("div", _extends$b({}, getStyleProps(props, 'menuList', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'menuList', {
     'menu-list': true,
     'menu-list--is-multi': isMulti
   }), {
@@ -21902,7 +21913,7 @@ var NoOptionsMessage = function NoOptionsMessage(_ref6) {
     children = _ref6$children === void 0 ? 'No options' : _ref6$children,
     innerProps = _ref6.innerProps,
     restProps = _objectWithoutProperties(_ref6, _excluded$3$1);
-  return jsx("div", _extends$b({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _extends$c({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children: children,
     innerProps: innerProps
   }), 'noOptionsMessage', {
@@ -21915,7 +21926,7 @@ var LoadingMessage = function LoadingMessage(_ref7) {
     children = _ref7$children === void 0 ? 'Loading...' : _ref7$children,
     innerProps = _ref7.innerProps,
     restProps = _objectWithoutProperties(_ref7, _excluded2$1);
-  return jsx("div", _extends$b({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _extends$c({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children: children,
     innerProps: innerProps
   }), 'loadingMessage', {
@@ -22000,7 +22011,7 @@ var MenuPortal = function MenuPortal(props) {
   if (!appendTo && menuPosition !== 'fixed' || !computedPosition) return null;
 
   // same wrapper element whether fixed or portalled
-  var menuWrapper = jsx("div", _extends$b({
+  var menuWrapper = jsx("div", _extends$c({
     ref: setMenuPortalElement
   }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
     offset: computedPosition.offset,
@@ -22034,7 +22045,7 @@ var SelectContainer$2 = function SelectContainer(props) {
     innerProps = props.innerProps,
     isDisabled = props.isDisabled,
     isRtl = props.isRtl;
-  return jsx("div", _extends$b({}, getStyleProps(props, 'container', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'container', {
     '--is-disabled': isDisabled,
     '--is-rtl': isRtl
   }), innerProps), children);
@@ -22066,7 +22077,7 @@ var ValueContainer = function ValueContainer(props) {
     innerProps = props.innerProps,
     isMulti = props.isMulti,
     hasValue = props.hasValue;
-  return jsx("div", _extends$b({}, getStyleProps(props, 'valueContainer', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'valueContainer', {
     'value-container': true,
     'value-container--is-multi': isMulti,
     'value-container--has-value': hasValue
@@ -22088,7 +22099,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS() {
 var IndicatorsContainer = function IndicatorsContainer(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$b({}, getStyleProps(props, 'indicatorsContainer', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'indicatorsContainer', {
     indicators: true
   }), innerProps), children);
 };
@@ -22113,7 +22124,7 @@ var _ref2$2 = process.env.NODE_ENV === "production" ? {
 var Svg = function Svg(_ref) {
   var size = _ref.size,
     props = _objectWithoutProperties(_ref, _excluded$2$1);
-  return jsx("svg", _extends$b({
+  return jsx("svg", _extends$c({
     height: size,
     width: size,
     viewBox: "0 0 20 20",
@@ -22123,14 +22134,14 @@ var Svg = function Svg(_ref) {
   }, props));
 };
 var CrossIcon = function CrossIcon(props) {
-  return jsx(Svg, _extends$b({
+  return jsx(Svg, _extends$c({
     size: 20
   }, props), jsx("path", {
     d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
   }));
 };
 var DownChevron = function DownChevron(props) {
-  return jsx(Svg, _extends$b({
+  return jsx(Svg, _extends$c({
     size: 20
   }, props), jsx("path", {
     d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
@@ -22162,7 +22173,7 @@ var dropdownIndicatorCSS = baseCSS;
 var DropdownIndicator = function DropdownIndicator(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$b({}, getStyleProps(props, 'dropdownIndicator', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'dropdownIndicator', {
     indicator: true,
     'dropdown-indicator': true
   }), innerProps), children || jsx(DownChevron, null));
@@ -22171,7 +22182,7 @@ var clearIndicatorCSS = baseCSS;
 var ClearIndicator = function ClearIndicator(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$b({}, getStyleProps(props, 'clearIndicator', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'clearIndicator', {
     indicator: true,
     'clear-indicator': true
   }), innerProps), children || jsx(CrossIcon, null));
@@ -22198,7 +22209,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4, unstyled) {
 };
 var IndicatorSeparator = function IndicatorSeparator(props) {
   var innerProps = props.innerProps;
-  return jsx("span", _extends$b({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
+  return jsx("span", _extends$c({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
     'indicator-separator': true
   })));
 };
@@ -22251,7 +22262,7 @@ var LoadingIndicator = function LoadingIndicator(_ref7) {
     _ref7$size = _ref7.size,
     size = _ref7$size === void 0 ? 4 : _ref7$size,
     restProps = _objectWithoutProperties(_ref7, _excluded2$2);
-  return jsx("div", _extends$b({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _extends$c({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     innerProps: innerProps,
     isRtl: isRtl,
     size: size
@@ -22307,7 +22318,7 @@ var Control = function Control(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     menuIsOpen = props.menuIsOpen;
-  return jsx("div", _extends$b({
+  return jsx("div", _extends$c({
     ref: innerRef
   }, getStyleProps(props, 'control', {
     control: true,
@@ -22339,9 +22350,9 @@ var Group = function Group(props) {
     label = props.label,
     theme = props.theme,
     selectProps = props.selectProps;
-  return jsx("div", _extends$b({}, getStyleProps(props, 'group', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'group', {
     group: true
-  }), innerProps), jsx(Heading, _extends$b({}, headingProps, {
+  }), innerProps), jsx(Heading, _extends$c({}, headingProps, {
     selectProps: selectProps,
     theme: theme,
     getStyles: getStyles,
@@ -22371,7 +22382,7 @@ var GroupHeading = function GroupHeading(props) {
   var _cleanCommonProps = cleanCommonProps(props);
     _cleanCommonProps.data;
     var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1$1);
-  return jsx("div", _extends$b({}, getStyleProps(props, 'groupHeading', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'groupHeading', {
     'group-heading': true
   }), innerProps));
 };
@@ -22434,11 +22445,11 @@ var Input$1 = function Input(props) {
     isHidden = _cleanCommonProps.isHidden,
     inputClassName = _cleanCommonProps.inputClassName,
     innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$6);
-  return jsx("div", _extends$b({}, getStyleProps(props, 'input', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'input', {
     'input-container': true
   }), {
     "data-value": value || ''
-  }), jsx("input", _extends$b({
+  }), jsx("input", _extends$c({
     className: cx({
       input: true
     }, inputClassName),
@@ -22511,7 +22522,7 @@ var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
   var children = _ref5.children,
     innerProps = _ref5.innerProps;
-  return jsx("div", _extends$b({
+  return jsx("div", _extends$c({
     role: "button"
   }, innerProps), children || jsx(CrossIcon, {
     size: 14
@@ -22585,7 +22596,7 @@ var Option = function Option(props) {
     isSelected = props.isSelected,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends$b({}, getStyleProps(props, 'option', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'option', {
     option: true,
     'option--is-disabled': isDisabled,
     'option--is-focused': isFocused,
@@ -22613,7 +22624,7 @@ var placeholderCSS = function placeholderCSS(_ref, unstyled) {
 var Placeholder = function Placeholder(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$b({}, getStyleProps(props, 'placeholder', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'placeholder', {
     placeholder: true
   }), innerProps), children);
 };
@@ -22641,7 +22652,7 @@ var SingleValue = function SingleValue(props) {
   var children = props.children,
     isDisabled = props.isDisabled,
     innerProps = props.innerProps;
-  return jsx("div", _extends$b({}, getStyleProps(props, 'singleValue', {
+  return jsx("div", _extends$c({}, getStyleProps(props, 'singleValue', {
     'single-value': true,
     'single-value--is-disabled': isDisabled
   }), innerProps), children);
@@ -22742,7 +22753,7 @@ var _ref$1 = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var A11yText = function A11yText(props) {
-  return jsx("span", _extends$b({
+  return jsx("span", _extends$c({
     css: _ref$1
   }, props));
 };
@@ -23259,7 +23270,7 @@ function DummyInput(_ref) {
     props = _objectWithoutProperties(_ref, _excluded$5);
   // Remove animation props not meant for HTML elements
   var filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
-  return jsx("input", _extends$b({
+  return jsx("input", _extends$c({
     ref: innerRef
   }, filteredProps, {
     css: /*#__PURE__*/css$2({
@@ -24835,7 +24846,7 @@ var Select = /*#__PURE__*/function (_Component) {
       });
       if (!isSearchable) {
         // use a dummy input to maintain focus/blur functionality
-        return /*#__PURE__*/React.createElement(DummyInput, _extends$b({
+        return /*#__PURE__*/React.createElement(DummyInput, _extends$c({
           id: id,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
@@ -24848,7 +24859,7 @@ var Select = /*#__PURE__*/function (_Component) {
           value: ""
         }, ariaAttributes));
       }
-      return /*#__PURE__*/React.createElement(Input, _extends$b({}, commonProps, {
+      return /*#__PURE__*/React.createElement(Input, _extends$c({}, commonProps, {
         autoCapitalize: "none",
         autoComplete: "off",
         autoCorrect: "off",
@@ -24889,7 +24900,7 @@ var Select = /*#__PURE__*/function (_Component) {
         focusedValue = _this$state5.focusedValue,
         isFocused = _this$state5.isFocused;
       if (!this.hasValue() || !controlShouldRenderValue) {
-        return inputValue ? null : /*#__PURE__*/React.createElement(Placeholder, _extends$b({}, commonProps, {
+        return inputValue ? null : /*#__PURE__*/React.createElement(Placeholder, _extends$c({}, commonProps, {
           key: "placeholder",
           isDisabled: isDisabled,
           isFocused: isFocused,
@@ -24902,7 +24913,7 @@ var Select = /*#__PURE__*/function (_Component) {
         return selectValue.map(function (opt, index) {
           var isOptionFocused = opt === focusedValue;
           var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
-          return /*#__PURE__*/React.createElement(MultiValue, _extends$b({}, commonProps, {
+          return /*#__PURE__*/React.createElement(MultiValue, _extends$c({}, commonProps, {
             components: {
               Container: MultiValueContainer,
               Label: MultiValueLabel,
@@ -24931,7 +24942,7 @@ var Select = /*#__PURE__*/function (_Component) {
         return null;
       }
       var singleValue = selectValue[0];
-      return /*#__PURE__*/React.createElement(SingleValue, _extends$b({}, commonProps, {
+      return /*#__PURE__*/React.createElement(SingleValue, _extends$c({}, commonProps, {
         data: singleValue,
         isDisabled: isDisabled
       }), this.formatOptionLabel(singleValue, 'value'));
@@ -24954,7 +24965,7 @@ var Select = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onClearIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React.createElement(ClearIndicator, _extends$b({}, commonProps, {
+      return /*#__PURE__*/React.createElement(ClearIndicator, _extends$c({}, commonProps, {
         innerProps: innerProps,
         isFocused: isFocused
       }));
@@ -24973,7 +24984,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var innerProps = {
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React.createElement(LoadingIndicator, _extends$b({}, commonProps, {
+      return /*#__PURE__*/React.createElement(LoadingIndicator, _extends$c({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -24991,7 +25002,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var commonProps = this.commonProps;
       var isDisabled = this.props.isDisabled;
       var isFocused = this.state.isFocused;
-      return /*#__PURE__*/React.createElement(IndicatorSeparator, _extends$b({}, commonProps, {
+      return /*#__PURE__*/React.createElement(IndicatorSeparator, _extends$c({}, commonProps, {
         isDisabled: isDisabled,
         isFocused: isFocused
       }));
@@ -25010,7 +25021,7 @@ var Select = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onDropdownIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React.createElement(DropdownIndicator, _extends$b({}, commonProps, {
+      return /*#__PURE__*/React.createElement(DropdownIndicator, _extends$c({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -25075,7 +25086,7 @@ var Select = /*#__PURE__*/function (_Component) {
           'aria-selected': _this4.isAppleDevice ? undefined : isSelected // is not supported on Apple devices
         };
 
-        return /*#__PURE__*/React.createElement(Option, _extends$b({}, commonProps, {
+        return /*#__PURE__*/React.createElement(Option, _extends$c({}, commonProps, {
           innerProps: innerProps,
           data: data,
           isDisabled: isDisabled,
@@ -25097,7 +25108,7 @@ var Select = /*#__PURE__*/function (_Component) {
               groupIndex = item.index;
             var groupId = "".concat(_this4.getElementId('group'), "-").concat(groupIndex);
             var headingId = "".concat(groupId, "-heading");
-            return /*#__PURE__*/React.createElement(Group, _extends$b({}, commonProps, {
+            return /*#__PURE__*/React.createElement(Group, _extends$c({}, commonProps, {
               key: groupId,
               data: _data,
               options: options,
@@ -25134,12 +25145,12 @@ var Select = /*#__PURE__*/function (_Component) {
         menuPosition: menuPosition,
         menuShouldScrollIntoView: menuShouldScrollIntoView
       };
-      var menuElement = /*#__PURE__*/React.createElement(MenuPlacer, _extends$b({}, commonProps, menuPlacementProps), function (_ref4) {
+      var menuElement = /*#__PURE__*/React.createElement(MenuPlacer, _extends$c({}, commonProps, menuPlacementProps), function (_ref4) {
         var ref = _ref4.ref,
           _ref4$placerProps = _ref4.placerProps,
           placement = _ref4$placerProps.placement,
           maxHeight = _ref4$placerProps.maxHeight;
-        return /*#__PURE__*/React.createElement(Menu, _extends$b({}, commonProps, menuPlacementProps, {
+        return /*#__PURE__*/React.createElement(Menu, _extends$c({}, commonProps, menuPlacementProps, {
           innerRef: ref,
           innerProps: {
             onMouseDown: _this4.onMenuMouseDown,
@@ -25153,7 +25164,7 @@ var Select = /*#__PURE__*/function (_Component) {
           onBottomArrive: onMenuScrollToBottom,
           lockEnabled: menuShouldBlockScroll
         }, function (scrollTargetRef) {
-          return /*#__PURE__*/React.createElement(MenuList, _extends$b({}, commonProps, {
+          return /*#__PURE__*/React.createElement(MenuList, _extends$c({}, commonProps, {
             innerRef: function innerRef(instance) {
               _this4.getMenuListRef(instance);
               scrollTargetRef(instance);
@@ -25173,7 +25184,7 @@ var Select = /*#__PURE__*/function (_Component) {
       // positioning behaviour is almost identical for portalled and fixed,
       // so we use the same component. the actual portalling logic is forked
       // within the component based on `menuPosition`
-      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React.createElement(MenuPortal, _extends$b({}, commonProps, {
+      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React.createElement(MenuPortal, _extends$c({}, commonProps, {
         appendTo: menuPortalTarget,
         controlElement: this.controlRef,
         menuPlacement: menuPlacement,
@@ -25243,7 +25254,7 @@ var Select = /*#__PURE__*/function (_Component) {
         isFocused = _this$state6.isFocused,
         selectValue = _this$state6.selectValue;
       var focusableOptions = this.getFocusableOptions();
-      return /*#__PURE__*/React.createElement(LiveRegion$1, _extends$b({}, commonProps, {
+      return /*#__PURE__*/React.createElement(LiveRegion$1, _extends$c({}, commonProps, {
         id: this.getElementId('live-region'),
         ariaSelection: ariaSelection,
         focusedOption: focusedOption,
@@ -25269,7 +25280,7 @@ var Select = /*#__PURE__*/function (_Component) {
         menuIsOpen = _this$props14.menuIsOpen;
       var isFocused = this.state.isFocused;
       var commonProps = this.commonProps = this.getCommonProps();
-      return /*#__PURE__*/React.createElement(SelectContainer, _extends$b({}, commonProps, {
+      return /*#__PURE__*/React.createElement(SelectContainer, _extends$c({}, commonProps, {
         className: className,
         innerProps: {
           id: id,
@@ -25277,7 +25288,7 @@ var Select = /*#__PURE__*/function (_Component) {
         },
         isDisabled: isDisabled,
         isFocused: isFocused
-      }), this.renderLiveRegion(), /*#__PURE__*/React.createElement(Control, _extends$b({}, commonProps, {
+      }), this.renderLiveRegion(), /*#__PURE__*/React.createElement(Control, _extends$c({}, commonProps, {
         innerRef: this.getControlRef,
         innerProps: {
           onMouseDown: this.onControlMouseDown,
@@ -25286,9 +25297,9 @@ var Select = /*#__PURE__*/function (_Component) {
         isDisabled: isDisabled,
         isFocused: isFocused,
         menuIsOpen: menuIsOpen
-      }), /*#__PURE__*/React.createElement(ValueContainer, _extends$b({}, commonProps, {
+      }), /*#__PURE__*/React.createElement(ValueContainer, _extends$c({}, commonProps, {
         isDisabled: isDisabled
-      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React.createElement(IndicatorsContainer, _extends$b({}, commonProps, {
+      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React.createElement(IndicatorsContainer, _extends$c({}, commonProps, {
         isDisabled: isDisabled
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
@@ -25559,19 +25570,19 @@ function useAsync(_ref) {
 var AsyncSelect$1 = /*#__PURE__*/forwardRef(function (props, ref) {
   var stateManagedProps = useAsync(props);
   var selectProps = useStateManager(stateManagedProps);
-  return /*#__PURE__*/React.createElement(Select, _extends$b({
+  return /*#__PURE__*/React.createElement(Select, _extends$c({
     ref: ref
   }, selectProps));
 });
 var AsyncSelect$1$1 = AsyncSelect$1;
 
-function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
 var propType = PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array, PropTypes.object]);
 var createPropTypes = function createPropTypes(props) {
   return props.reduce(function (acc, name) {
     var _extends2;
 
-    return _extends$2({}, acc, (_extends2 = {}, _extends2[name] = propType, _extends2));
+    return _extends$3({}, acc, (_extends2 = {}, _extends2[name] = propType, _extends2));
   }, {});
 };
 var propTypes$1 = {
@@ -25687,7 +25698,7 @@ var themeGet = function themeGet(path, fallback) {
   };
 };
 
-function Link(_a) {
+function Link$1(_a) {
   var children = _a.children,
     forApp = _a.forApp,
     openInNewTab = _a.openInNewTab,
@@ -25768,7 +25779,7 @@ var HelpText$1 = styled(Text).withConfig({
   return _ref2 = {
     fontSize: theme.fontSizes.small,
     lineHeight: theme.lineHeights.smallTextBase
-  }, _ref2["" + Link] = {
+  }, _ref2["" + Link$1] = {
     fontSize: theme.fontSizes.small
   }, _ref2;
 });
@@ -26191,7 +26202,7 @@ var defineProperty = function (obj, key, value) {
   return obj;
 };
 
-var _extends$1 = Object.assign || function (target) {
+var _extends$2 = Object.assign || function (target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i];
 
@@ -26213,7 +26224,7 @@ var _extends$1 = Object.assign || function (target) {
  * @returns {Object} ClientRect like output
  */
 function getClientRect(offsets) {
-  return _extends$1({}, offsets, {
+  return _extends$2({}, offsets, {
     right: offsets.left + offsets.width,
     bottom: offsets.top + offsets.height
   });
@@ -26501,7 +26512,7 @@ function computeAutoPlacement(placement, refRect, popper, reference, boundariesE
   };
 
   var sortedAreas = Object.keys(rects).map(function (key) {
-    return _extends$1({
+    return _extends$2({
       key: key
     }, rects[key], {
       area: getArea(rects[key])
@@ -27143,9 +27154,9 @@ function computeStyle(data, options) {
   };
 
   // Update `data` attributes, styles and arrowStyles
-  data.attributes = _extends$1({}, attributes, data.attributes);
-  data.styles = _extends$1({}, styles, data.styles);
-  data.arrowStyles = _extends$1({}, data.offsets.arrow, data.arrowStyles);
+  data.attributes = _extends$2({}, attributes, data.attributes);
+  data.styles = _extends$2({}, styles, data.styles);
+  data.arrowStyles = _extends$2({}, data.offsets.arrow, data.arrowStyles);
 
   return data;
 }
@@ -27425,7 +27436,7 @@ function flip(data, options) {
 
       // this object contains `position`, we want to preserve it along with
       // any additional property we may add in the future
-      data.offsets.popper = _extends$1({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
+      data.offsets.popper = _extends$2({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
 
       data = runModifiers(data.instance.modifiers, data, 'flip');
     }
@@ -27699,7 +27710,7 @@ function preventOverflow(data, options) {
 
   order.forEach(function (placement) {
     var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
-    popper = _extends$1({}, popper, check[side](placement));
+    popper = _extends$2({}, popper, check[side](placement));
   });
 
   data.offsets.popper = popper;
@@ -27734,7 +27745,7 @@ function shift(data) {
       end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])
     };
 
-    data.offsets.popper = _extends$1({}, popper, shiftOffsets[shiftvariation]);
+    data.offsets.popper = _extends$2({}, popper, shiftOffsets[shiftvariation]);
   }
 
   return data;
@@ -28266,7 +28277,7 @@ var Popper$2 = function () {
     this.update = debounce(this.update.bind(this));
 
     // with {} we create a new object with the options inside it
-    this.options = _extends$1({}, Popper.Defaults, options);
+    this.options = _extends$2({}, Popper.Defaults, options);
 
     // init state
     this.state = {
@@ -28281,13 +28292,13 @@ var Popper$2 = function () {
 
     // Deep merge modifiers options
     this.options.modifiers = {};
-    Object.keys(_extends$1({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
-      _this.options.modifiers[name] = _extends$1({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
+    Object.keys(_extends$2({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
+      _this.options.modifiers[name] = _extends$2({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
     });
 
     // Refactoring modifiers' list (Object => Array)
     this.modifiers = Object.keys(this.options.modifiers).map(function (name) {
-      return _extends$1({
+      return _extends$2({
         name: name
       }, _this.options.modifiers[name]);
     })
@@ -28568,8 +28579,8 @@ function (_React$Component) {
         placement: _this.props.placement,
         eventsEnabled: _this.props.eventsEnabled,
         positionFixed: _this.props.positionFixed,
-        modifiers: _extends$d({}, _this.props.modifiers, {
-          arrow: _extends$d({}, _this.props.modifiers && _this.props.modifiers.arrow, {
+        modifiers: _extends$e({}, _this.props.modifiers, {
+          arrow: _extends$e({}, _this.props.modifiers && _this.props.modifiers.arrow, {
             enabled: !!_this.arrowNode,
             element: _this.arrowNode
           }),
@@ -28582,7 +28593,7 @@ function (_React$Component) {
     });
 
     _defineProperty$2(_assertThisInitialized$1(_assertThisInitialized$1(_this)), "getPopperStyle", function () {
-      return !_this.popperNode || !_this.state.data ? initialStyle : _extends$d({
+      return !_this.popperNode || !_this.state.data ? initialStyle : _extends$e({
         position: _this.state.data.offsets.popper.position
       }, _this.state.data.styles);
     });
@@ -28631,7 +28642,7 @@ function (_React$Component) {
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
     // If the Popper.js options have changed, update the instance (destroy + create)
-    if (this.props.placement !== prevProps.placement || this.props.referenceElement !== prevProps.referenceElement || this.props.positionFixed !== prevProps.positionFixed || !deepEqual$1(this.props.modifiers, prevProps.modifiers, {
+    if (this.props.placement !== prevProps.placement || this.props.referenceElement !== prevProps.referenceElement || this.props.positionFixed !== prevProps.positionFixed || !equal(this.props.modifiers, prevProps.modifiers, {
       strict: true
     })) {
       // develop only check that modifiers isn't being updated needlessly
@@ -28690,7 +28701,7 @@ function Popper$1(_ref) {
       props = _objectWithoutPropertiesLoose$3(_ref, ["referenceElement"]);
 
   return React.createElement(ManagerReferenceNodeContext.Consumer, null, function (referenceNode) {
-    return React.createElement(InnerPopper, _extends$d({
+    return React.createElement(InnerPopper, _extends$e({
       referenceElement: referenceElement !== undefined ? referenceElement : referenceNode
     }, props));
   });
@@ -28736,7 +28747,7 @@ function (_React$Component) {
 
 function Reference(props) {
   return React.createElement(ManagerReferenceNodeSetterContext.Consumer, null, function (setReferenceNode) {
-    return React.createElement(InnerReference, _extends$d({
+    return React.createElement(InnerReference, _extends$e({
       setReferenceNode: setReferenceNode
     }, props));
   });
@@ -29089,7 +29100,7 @@ var ListItem = styled.li.withConfig({
   };
 }, space, color, typography);
 
-var List = styled.ul.withConfig({
+var List$1 = styled.ul.withConfig({
   displayName: "List",
   componentId: "sc-1ueqoqt-0"
 })(function (_ref) {
@@ -29116,7 +29127,7 @@ var mapErrorsToList = function mapErrorsToList(errors) {
   if (!Array.isArray(errors) || !errors.length) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement(List, {
+  return /*#__PURE__*/React__default.createElement(List$1, {
     compact: true,
     leftAlign: true
   }, errors.map(function (error) {
@@ -29517,7 +29528,7 @@ var pick = function pick(o) {
 
 var StateManagedSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var baseSelectProps = useStateManager(props);
-  return /*#__PURE__*/React.createElement(Select, _extends$b({
+  return /*#__PURE__*/React.createElement(Select, _extends$c({
     ref: ref
   }, baseSelectProps));
 });
@@ -29994,7 +30005,7 @@ function useCheckStyles(packageName) {
   }
 }
 
-function _arrayLikeToArray(arr, len) {
+function _arrayLikeToArray$1(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -30002,20 +30013,20 @@ function _arrayLikeToArray(arr, len) {
   return arr2;
 }
 
-function _unsupportedIterableToArray(o, minLen) {
+function _unsupportedIterableToArray$1(o, minLen) {
   if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor) n = o.constructor.name;
   if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
 }
 
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+function _createForOfIteratorHelperLoose$1(o, allowArrayLike) {
   var it;
 
   if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") {
       if (it) o = it;
       var i = 0;
       return function () {
@@ -30069,7 +30080,7 @@ function useComposedRefs() {
   }
 
   return useCallback(function (node) {
-    for (var _iterator = _createForOfIteratorHelperLoose(refs), _step; !(_step = _iterator()).done;) {
+    for (var _iterator = _createForOfIteratorHelperLoose$1(refs), _step; !(_step = _iterator()).done;) {
       var ref = _step.value;
       assignRef$1(ref, node);
     } // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -30452,7 +30463,7 @@ var FocusLock$1 = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, pare
       }
     }, []);
   }
-  var lockProps = _extends$b((_extends2 = {}, _extends2[FOCUS_DISABLED] = disabled && 'disabled', _extends2[FOCUS_GROUP] = group, _extends2), containerProps);
+  var lockProps = _extends$c((_extends2 = {}, _extends2[FOCUS_DISABLED] = disabled && 'disabled', _extends2[FOCUS_GROUP] = group, _extends2), containerProps);
   var hasLeadingGuards = noFocusGuards !== true;
   var hasTailingGuards = hasLeadingGuards && noFocusGuards !== 'tail';
   var mergedRef = useMergeRefs([parentRef, setObserveNode]);
@@ -30491,7 +30502,7 @@ var FocusLock$1 = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, pare
     returnFocus: returnFocus,
     focusOptions: focusOptions,
     noFocusGuards: noFocusGuards
-  }), /*#__PURE__*/React.createElement(Container, _extends$b({
+  }), /*#__PURE__*/React.createElement(Container, _extends$c({
     ref: mergedRef
   }, lockProps, {
     className: className,
@@ -31821,7 +31832,7 @@ mediumEffect.assignMedium(function (cb) {
 var FocusTrap = withSideEffect(reducePropsToState, handleStateChangeOnClient)(FocusWatcher);
 
 var FocusLockCombination = /*#__PURE__*/React.forwardRef(function FocusLockUICombination(props, ref) {
-  return /*#__PURE__*/React.createElement(FocusLockUI, _extends$b({
+  return /*#__PURE__*/React.createElement(FocusLockUI, _extends$c({
     sideCar: FocusTrap,
     ref: ref
   }, props));
@@ -32332,8 +32343,8 @@ var ReactRemoveScroll = React.forwardRef(function (props, ref) { return (React.c
 ReactRemoveScroll.classNames = RemoveScroll$1.classNames;
 var RemoveScroll = ReactRemoveScroll;
 
-function _extends() {
-  _extends = Object.assign || function (target) {
+function _extends$1() {
+  _extends$1 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -32347,7 +32358,7 @@ function _extends() {
     return target;
   };
 
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -32416,7 +32427,7 @@ var DialogOverlay = /*#__PURE__*/forwardRef(function DialogOverlay(_ref, forward
   }, [isOpen]);
   return isOpen ? /*#__PURE__*/createElement(Portal, {
     "data-reach-dialog-wrapper": ""
-  }, /*#__PURE__*/createElement(DialogInner, _extends({
+  }, /*#__PURE__*/createElement(DialogInner, _extends$1({
     ref: forwardedRef,
     as: Comp
   }, props))) : null;
@@ -32424,7 +32435,7 @@ var DialogOverlay = /*#__PURE__*/forwardRef(function DialogOverlay(_ref, forward
 
 if (process.env.NODE_ENV !== "production") {
   DialogOverlay.displayName = "DialogOverlay";
-  DialogOverlay.propTypes = /*#__PURE__*/_extends({}, overlayPropTypes, {
+  DialogOverlay.propTypes = /*#__PURE__*/_extends$1({}, overlayPropTypes, {
     isOpen: PropTypes.bool
   });
 }
@@ -32501,7 +32512,7 @@ var DialogInner = /*#__PURE__*/forwardRef(function DialogInner(_ref2, forwardedR
   }, /*#__PURE__*/createElement(RemoveScroll, {
     allowPinchZoom: allowPinchZoom,
     enabled: !dangerouslyBypassScrollLock
-  }, /*#__PURE__*/createElement(Comp, _extends({}, props, {
+  }, /*#__PURE__*/createElement(Comp, _extends$1({}, props, {
     ref: ref,
     "data-reach-dialog-overlay": ""
     /*
@@ -32518,7 +32529,7 @@ var DialogInner = /*#__PURE__*/forwardRef(function DialogInner(_ref2, forwardedR
 
 if (process.env.NODE_ENV !== "production") {
   DialogOverlay.displayName = "DialogOverlay";
-  DialogOverlay.propTypes = /*#__PURE__*/_extends({}, overlayPropTypes);
+  DialogOverlay.propTypes = /*#__PURE__*/_extends$1({}, overlayPropTypes);
 } ////////////////////////////////////////////////////////////////////////////////
 
 /**
@@ -32545,7 +32556,7 @@ var DialogContent = /*#__PURE__*/forwardRef(function DialogContent(_ref3, forwar
       _ref3.onKeyDown;
       var props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
 
-  return /*#__PURE__*/createElement(Comp, _extends({
+  return /*#__PURE__*/createElement(Comp, _extends$1({
     "aria-modal": "true",
     role: "dialog",
     tabIndex: -1
@@ -32593,7 +32604,7 @@ var Dialog = /*#__PURE__*/forwardRef(function Dialog(_ref4, forwardedRef) {
     initialFocusRef: initialFocusRef,
     isOpen: isOpen,
     onDismiss: onDismiss
-  }, /*#__PURE__*/createElement(DialogContent, _extends({
+  }, /*#__PURE__*/createElement(DialogContent, _extends$1({
     ref: forwardedRef
   }, props)));
 });
@@ -32758,7 +32769,7 @@ var Footer = styled.div.withConfig({
     marginTop: "auto"
   };
 });
-var Header$2 = styled.div.withConfig({
+var Header$4 = styled.div.withConfig({
   displayName: "BottomSheetstyled__Header",
   componentId: "sc-1v36wsf-4"
 })(function (_ref4) {
@@ -32771,7 +32782,7 @@ var Header$2 = styled.div.withConfig({
     paddingBottom: theme.space.none
   };
 });
-var Title = styled(Heading2).withConfig({
+var Title$1 = styled(Heading2).withConfig({
   displayName: "BottomSheetstyled__Title",
   componentId: "sc-1v36wsf-5"
 })(function (_ref5) {
@@ -32905,8 +32916,8 @@ var BottomSheetParts = {
   Overlay: OverlayPart,
   Sheet: SheetPart,
   ContentContainer: ContentContainer,
-  Header: Header$2,
-  Title: Title,
+  Header: Header$4,
+  Title: Title$1,
   HelpText: HelpText,
   Footer: Footer
 };
@@ -33872,6 +33883,7 @@ var BaseDesktopMenu = /*#__PURE__*/React__default.forwardRef(function (_a, ref)
     return renderMenuItem(menuItem, themeColorObject, 0, menuType);
   }));
 });
+/** @deprecated The BrandedNavBar component is deprecated. Use the Navigation component instead. */
 var DesktopMenu = styled(BaseDesktopMenu).withConfig({
   displayName: "DesktopMenu",
   componentId: "sc-8mrjkc-3"
@@ -33883,7 +33895,7 @@ var DesktopMenu = styled(BaseDesktopMenu).withConfig({
   }
 });
 
-var NulogyLogo = function NulogyLogo() {
+var NulogyLogo$1 = function NulogyLogo() {
   return /*#__PURE__*/React__default.createElement("svg", {
     width: "76px",
     height: "18px",
@@ -33937,6 +33949,7 @@ var NulogyLogo = function NulogyLogo() {
 };
 
 var borderStyle$1 = "1px solid #e4e7eb";
+/** @deprecated The BrandedNavBar component is deprecated. Use the Navigation component instead. */
 var NulogyLogoContainer = function NulogyLogoContainer(_ref) {
   var subText = _ref.subText,
     height = _ref.height;
@@ -33952,7 +33965,7 @@ var NulogyLogoContainer = function NulogyLogoContainer(_ref) {
   }, /*#__PURE__*/React__default.createElement(Box, {
     width: "76px",
     height: "18px"
-  }, /*#__PURE__*/React__default.createElement(NulogyLogo, null)), subText && (/*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(NulogyLogo$1, null)), subText && (/*#__PURE__*/React__default.createElement(Text, {
     fontSize: "8px",
     lineHeight: "10px",
     color: "darkGrey",
@@ -34216,7 +34229,7 @@ var BrandLogoContainer = function BrandLogoContainer(_ref) {
   return /*#__PURE__*/React__default.createElement(Box, {
     maxWidth: MAX_LOGO_WIDTH,
     maxHeight: MAX_LOGO_HEIGHT
-  }, /*#__PURE__*/React__default.createElement(Link, {
+  }, /*#__PURE__*/React__default.createElement(Link$1, {
     "aria-label": "Home",
     href: brandingLinkHref,
     to: brandingLinkTo,
@@ -34464,7 +34477,7 @@ var BaseNavBarSearch = function BaseNavBarSearch(_ref) {
   };
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default.createElement("form", _extends$d({}, props, {
+  return /*#__PURE__*/React__default.createElement("form", _extends$e({}, props, {
     onSubmit: handleOnSubmit
   }), /*#__PURE__*/React__default.createElement(Flex, {
     role: "search"
@@ -34661,7 +34674,7 @@ var getSharedStyles = function getSharedStyles(theme) {
     padding: theme.space.x1 + " " + theme.space.x3
   };
 };
-var TopLevelLink = styled(Link).withConfig({
+var TopLevelLink = styled(Link$1).withConfig({
   displayName: "MobileMenu__TopLevelLink",
   componentId: "sc-18t6zrc-1"
 })(function (_ref2) {
@@ -34851,7 +34864,7 @@ var BaseMobileMenu = function BaseMobileMenu(_a) {
     height: "40px",
     alignItems: "center",
     justifyContent: "center"
-  }, /*#__PURE__*/React__default.createElement(NulogyLogo, null), subtext && (/*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(NulogyLogo$1, null), subtext && (/*#__PURE__*/React__default.createElement(Text, {
     fontSize: "8px",
     lineHeight: "0",
     color: "darkGrey",
@@ -34860,6 +34873,7 @@ var BaseMobileMenu = function BaseMobileMenu(_a) {
     letterSpacing: ".5px"
   }, subtext)))));
 };
+/** @deprecated The BrandedNavBar component is deprecated. Use the Navigation component instead. */
 var MobileMenu = styled(BaseMobileMenu).withConfig({
   displayName: "MobileMenu",
   componentId: "sc-18t6zrc-6"
@@ -34999,6 +35013,7 @@ var SmallNavBarNoState = function SmallNavBarNoState(_a) {
 /* eslint-enable react/destructuring-assignment */
 var SmallNavBar = withMenuState(SmallNavBarNoState);
 
+/** @deprecated The BrandedNavBar component is deprecated. Use the Navigation component instead. */
 var NAVBAR_HEIGHT = "56px";
 var themeColorObject = {
   color: "darkBlue",
@@ -35098,6 +35113,7 @@ var BaseNavBar = function BaseNavBar(_a) {
     }, props));
   });
 };
+/** @deprecated The BrandedNavBar component is deprecated. Use the Navigation component instead. */
 var NavBar = styled(BaseNavBar).withConfig({
   displayName: "NavBar",
   componentId: "sc-cszq6w-0"
@@ -43717,8 +43733,6 @@ var ApplicationFrame = function ApplicationFrame(_a) {
     flexDirection: "column",
     minHeight: "100vh"
   }, props), /*#__PURE__*/React__default.createElement(Box, {
-    position: "sticky",
-    top: "0",
     zIndex: "navBar"
   }, environment && /*#__PURE__*/React__default.createElement(EnvironmentBanner, null, environment), navBar), /*#__PURE__*/React__default.createElement(Flex, {
     flexDirection: "column",
@@ -43727,7 +43741,40 @@ var ApplicationFrame = function ApplicationFrame(_a) {
   }, children));
 };
 
-var Header$1 = function Header(_a) {
+var RightAngleTriangle = styled(Box).withConfig({
+  displayName: "Decorations__RightAngleTriangle",
+  componentId: "sc-16th6oj-0"
+})(["position:absolute;bottom:0;right:0;width:100%;clip-path:polygon(100% 0,0 100%,100% 100%);"]);
+function BackgroundTriangles(props) {
+  var theme = useTheme();
+  return /*#__PURE__*/React__default.createElement(Box, Object.assign({
+    "aria-hidden": "true",
+    transition: "max-width 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955)",
+    position: "absolute",
+    bottom: 0,
+    right: 0,
+    height: "100%",
+    maxWidth: {
+      extraSmall: "320px",
+      small: "768px",
+      medium: "1024px",
+      large: "1280px"
+    },
+    width: "90%"
+  }, props), /*#__PURE__*/React__default.createElement(RightAngleTriangle, {
+    "aria-hidden": "true",
+    height: "44.85%",
+    opacity: "0.5",
+    background: "linear-gradient(178.25deg, rgba(192, 200, 209, 0.5) 62.98%, rgba(225, 235, 250, 0.25) 98.52%)"
+  }), /*#__PURE__*/React__default.createElement(RightAngleTriangle, {
+    "aria-hidden": "true",
+    height: "19.85%",
+    opacity: "0.25",
+    background: "linear-gradient(196.88deg, " + theme.colors.grey + " 11.92%, rgba(0, 67, 143, 0) 88.36%)"
+  }));
+}
+
+var Header$3 = function Header(_a) {
   var _b, _c;
   var background = _a.background,
     renderBreadcrumbs = _a.renderBreadcrumbs,
@@ -43783,28 +43830,6 @@ var Header$1 = function Header(_a) {
     zIndex: 1
   }));
 };
-var RightAngleTriangle = styled(Box).withConfig({
-  displayName: "Header__RightAngleTriangle",
-  componentId: "sc-1kuwqm0-0"
-})(["position:absolute;bottom:0;right:0;width:100%;clip-path:polygon(100% 0,0 100%,100% 100%);"]);
-var BackgroundTriangles = function BackgroundTriangles(props) {
-  var theme = useTheme();
-  return /*#__PURE__*/React__default.createElement(Box, Object.assign({
-    position: "absolute",
-    bottom: 0,
-    right: 0,
-    height: "100%",
-    minWidth: "55%"
-  }, props), /*#__PURE__*/React__default.createElement(RightAngleTriangle, {
-    height: "33.33%",
-    opacity: "0.5",
-    background: "linear-gradient(178.25deg, rgba(192, 200, 209, 0.5) 62.98%, rgba(225, 235, 250, 0.25) 98.52%)"
-  }), /*#__PURE__*/React__default.createElement(RightAngleTriangle, {
-    height: "17%",
-    opacity: "0.25",
-    background: "linear-gradient(196.88deg, " + theme.colors.grey + " 11.92%, rgba(0, 67, 143, 0) 88.36%)"
-  }));
-};
 
 var Page = function Page(_a) {
   var breadcrumbs = _a.breadcrumbs,
@@ -43817,7 +43842,7 @@ var Page = function Page(_a) {
   return /*#__PURE__*/React__default.createElement(Flex, Object.assign({
     flexDirection: "column",
     flexGrow: fullHeight ? 1 : 0
-  }, rest), renderHeader ? renderHeader() : (breadcrumbs || title || headerContent) && (/*#__PURE__*/React__default.createElement(Header$1, {
+  }, rest), renderHeader ? renderHeader() : (breadcrumbs || title || headerContent) && (/*#__PURE__*/React__default.createElement(Header$3, {
     renderBreadcrumbs: function renderBreadcrumbs() {
       return breadcrumbs;
     },
@@ -44398,72 +44423,2307 @@ function ModalWrapper(_ref5) {
 }
 Modal.setAppElement = ReactModal.setAppElement;
 
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? Object(arguments[i]) : {};
-    var ownKeys = Object.keys(source);
-    if (typeof Object.getOwnPropertySymbols === 'function') {
-      ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    ownKeys.forEach(function (key) {
-      _defineProperty$1(target, key, source[key]);
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ createContext(undefined);
+/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
+    const globalDir = useContext($f631663db3294ace$var$DirectionContext);
+    return localDir || globalDir || 'ltr';
+}
+
+// We have resorted to returning slots directly rather than exposing primitives that can then
+// be slotted like `<CollectionItem as={Slot}>…</CollectionItem>`.
+// This is because we encountered issues with generic types that cannot be statically analysed
+// due to creating them dynamically via createCollection.
+function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
+    /* -----------------------------------------------------------------------------------------------
+   * CollectionProvider
+   * ---------------------------------------------------------------------------------------------*/ const PROVIDER_NAME = name + 'CollectionProvider';
+    const [createCollectionContext, createCollectionScope] = $c512c27ab02ef895$export$50c7b4e9d9f19c1(PROVIDER_NAME);
+    const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, {
+        collectionRef: {
+            current: null
+        },
+        itemMap: new Map()
     });
-  }
-  return target;
+    const CollectionProvider = (props)=>{
+        const { scope: scope , children: children  } = props;
+        const ref = React__default.useRef(null);
+        const itemMap = React__default.useRef(new Map()).current;
+        return /*#__PURE__*/ React__default.createElement(CollectionProviderImpl, {
+            scope: scope,
+            itemMap: itemMap,
+            collectionRef: ref
+        }, children);
+    };
+    /* -----------------------------------------------------------------------------------------------
+   * CollectionSlot
+   * ---------------------------------------------------------------------------------------------*/ const COLLECTION_SLOT_NAME = name + 'CollectionSlot';
+    const CollectionSlot = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+        const { scope: scope , children: children  } = props;
+        const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
+        const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.collectionRef);
+        return /*#__PURE__*/ React__default.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
+            ref: composedRefs
+        }, children);
+    });
+    /* -----------------------------------------------------------------------------------------------
+   * CollectionItem
+   * ---------------------------------------------------------------------------------------------*/ const ITEM_SLOT_NAME = name + 'CollectionItemSlot';
+    const ITEM_DATA_ATTR = 'data-radix-collection-item';
+    const CollectionItemSlot = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+        const { scope: scope , children: children , ...itemData } = props;
+        const ref = React__default.useRef(null);
+        const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
+        const context = useCollectionContext(ITEM_SLOT_NAME, scope);
+        React__default.useEffect(()=>{
+            context.itemMap.set(ref, {
+                ref: ref,
+                ...itemData
+            });
+            return ()=>void context.itemMap.delete(ref)
+            ;
+        });
+        return /*#__PURE__*/ React__default.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
+            [ITEM_DATA_ATTR]: '',
+            ref: composedRefs
+        }, children);
+    });
+    /* -----------------------------------------------------------------------------------------------
+   * useCollection
+   * ---------------------------------------------------------------------------------------------*/ function useCollection(scope) {
+        const context = useCollectionContext(name + 'CollectionConsumer', scope);
+        const getItems = React__default.useCallback(()=>{
+            const collectionNode = context.collectionRef.current;
+            if (!collectionNode) return [];
+            const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
+            const items = Array.from(context.itemMap.values());
+            const orderedItems = items.sort((a, b)=>orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
+            );
+            return orderedItems;
+        }, [
+            context.collectionRef,
+            context.itemMap
+        ]);
+        return getItems;
+    }
+    return [
+        {
+            Provider: CollectionProvider,
+            Slot: CollectionSlot,
+            ItemSlot: CollectionItemSlot
+        },
+        useCollection,
+        createCollectionScope
+    ];
 }
 
-var consoleLogger = {
-  type: 'logger',
-  log: function log(args) {
-    this.output('log', args);
-  },
-  warn: function warn(args) {
-    this.output('warn', args);
-  },
-  error: function error(args) {
-    this.output('error', args);
-  },
-  output: function output(type, args) {
-    if (console && console[type]) console[type].apply(console, args);
-  }
+function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
+    const ref = useRef({
+        value: value,
+        previous: value
+    }); // We compare values before making an update to ensure that
+    // a change has been made. This ensures the previous value is
+    // persisted correctly between renders.
+    return useMemo(()=>{
+        if (ref.current.value !== value) {
+            ref.current.previous = ref.current.value;
+            ref.current.value = value;
+        }
+        return ref.current.previous;
+    }, [
+        value
+    ]);
+}
+
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenu
+ * -----------------------------------------------------------------------------------------------*/ const $322c88a641701f3b$var$NAVIGATION_MENU_NAME = 'NavigationMenu';
+const [$322c88a641701f3b$var$Collection, $322c88a641701f3b$var$useCollection, $322c88a641701f3b$var$createCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($322c88a641701f3b$var$NAVIGATION_MENU_NAME);
+const [$322c88a641701f3b$var$FocusGroupCollection, $322c88a641701f3b$var$useFocusGroupCollection, $322c88a641701f3b$var$createFocusGroupCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($322c88a641701f3b$var$NAVIGATION_MENU_NAME);
+const [$322c88a641701f3b$var$createNavigationMenuContext, $322c88a641701f3b$export$fb8ea5af8c9fcdf0] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($322c88a641701f3b$var$NAVIGATION_MENU_NAME, [
+    $322c88a641701f3b$var$createCollectionScope,
+    $322c88a641701f3b$var$createFocusGroupCollectionScope
+]);
+const [$322c88a641701f3b$var$NavigationMenuProviderImpl, $322c88a641701f3b$var$useNavigationMenuContext] = $322c88a641701f3b$var$createNavigationMenuContext($322c88a641701f3b$var$NAVIGATION_MENU_NAME);
+const [$322c88a641701f3b$var$ViewportContentProvider, $322c88a641701f3b$var$useViewportContentContext] = $322c88a641701f3b$var$createNavigationMenuContext($322c88a641701f3b$var$NAVIGATION_MENU_NAME);
+const $322c88a641701f3b$export$5b2278cf1e8bcae2 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , value: valueProp , onValueChange: onValueChange , defaultValue: defaultValue , delayDuration: delayDuration = 200 , skipDelayDuration: skipDelayDuration = 300 , orientation: orientation = 'horizontal' , dir: dir , ...NavigationMenuProps } = props;
+    const [navigationMenu, setNavigationMenu] = useState(null);
+    const composedRef = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setNavigationMenu(node)
+    );
+    const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
+    const openTimerRef = useRef(0);
+    const closeTimerRef = useRef(0);
+    const skipDelayTimerRef = useRef(0);
+    const [isOpenDelayed, setIsOpenDelayed] = useState(true);
+    const [value1 = '', setValue] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+        prop: valueProp,
+        onChange: (value)=>{
+            const isOpen = value !== '';
+            const hasSkipDelayDuration = skipDelayDuration > 0;
+            if (isOpen) {
+                window.clearTimeout(skipDelayTimerRef.current);
+                if (hasSkipDelayDuration) setIsOpenDelayed(false);
+            } else {
+                window.clearTimeout(skipDelayTimerRef.current);
+                skipDelayTimerRef.current = window.setTimeout(()=>setIsOpenDelayed(true)
+                , skipDelayDuration);
+            }
+            onValueChange === null || onValueChange === void 0 || onValueChange(value);
+        },
+        defaultProp: defaultValue
+    });
+    const startCloseTimer = useCallback(()=>{
+        window.clearTimeout(closeTimerRef.current);
+        closeTimerRef.current = window.setTimeout(()=>setValue('')
+        , 150);
+    }, [
+        setValue
+    ]);
+    const handleOpen = useCallback((itemValue)=>{
+        window.clearTimeout(closeTimerRef.current);
+        setValue(itemValue);
+    }, [
+        setValue
+    ]);
+    const handleDelayedOpen = useCallback((itemValue)=>{
+        const isOpenItem = value1 === itemValue;
+        if (isOpenItem) // If the item is already open (e.g. we're transitioning from the content to the trigger)
+        // then we want to clear the close timer immediately.
+        window.clearTimeout(closeTimerRef.current);
+        else openTimerRef.current = window.setTimeout(()=>{
+            window.clearTimeout(closeTimerRef.current);
+            setValue(itemValue);
+        }, delayDuration);
+    }, [
+        value1,
+        setValue,
+        delayDuration
+    ]);
+    useEffect(()=>{
+        return ()=>{
+            window.clearTimeout(openTimerRef.current);
+            window.clearTimeout(closeTimerRef.current);
+            window.clearTimeout(skipDelayTimerRef.current);
+        };
+    }, []);
+    return /*#__PURE__*/ createElement($322c88a641701f3b$var$NavigationMenuProvider, {
+        scope: __scopeNavigationMenu,
+        isRootMenu: true,
+        value: value1,
+        dir: direction,
+        orientation: orientation,
+        rootNavigationMenu: navigationMenu,
+        onTriggerEnter: (itemValue)=>{
+            window.clearTimeout(openTimerRef.current);
+            if (isOpenDelayed) handleDelayedOpen(itemValue);
+            else handleOpen(itemValue);
+        },
+        onTriggerLeave: ()=>{
+            window.clearTimeout(openTimerRef.current);
+            startCloseTimer();
+        },
+        onContentEnter: ()=>window.clearTimeout(closeTimerRef.current)
+        ,
+        onContentLeave: startCloseTimer,
+        onItemSelect: (itemValue)=>{
+            setValue((prevValue)=>prevValue === itemValue ? '' : itemValue
+            );
+        },
+        onItemDismiss: ()=>setValue('')
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.nav, _extends({
+        "aria-label": "Main",
+        "data-orientation": orientation,
+        dir: direction
+    }, NavigationMenuProps, {
+        ref: composedRef
+    })));
+});
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuSub
+ * -----------------------------------------------------------------------------------------------*/ const $322c88a641701f3b$var$SUB_NAME = 'NavigationMenuSub';
+const $322c88a641701f3b$export$5958edd6c4ee7c79 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , value: valueProp , onValueChange: onValueChange , defaultValue: defaultValue , orientation: orientation = 'horizontal' , ...subProps } = props;
+    const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$SUB_NAME, __scopeNavigationMenu);
+    const [value = '', setValue] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+        prop: valueProp,
+        onChange: onValueChange,
+        defaultProp: defaultValue
+    });
+    return /*#__PURE__*/ createElement($322c88a641701f3b$var$NavigationMenuProvider, {
+        scope: __scopeNavigationMenu,
+        isRootMenu: false,
+        value: value,
+        dir: context.dir,
+        orientation: orientation,
+        rootNavigationMenu: context.rootNavigationMenu,
+        onTriggerEnter: (itemValue)=>setValue(itemValue)
+        ,
+        onItemSelect: (itemValue)=>setValue(itemValue)
+        ,
+        onItemDismiss: ()=>setValue('')
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+        "data-orientation": orientation
+    }, subProps, {
+        ref: forwardedRef
+    })));
+});
+/* -----------------------------------------------------------------------------------------------*/ const $322c88a641701f3b$var$NavigationMenuProvider = (props)=>{
+    const { scope: scope , isRootMenu: isRootMenu , rootNavigationMenu: rootNavigationMenu , dir: dir , orientation: orientation , children: children , value: value , onItemSelect: onItemSelect , onItemDismiss: onItemDismiss , onTriggerEnter: onTriggerEnter , onTriggerLeave: onTriggerLeave , onContentEnter: onContentEnter , onContentLeave: onContentLeave  } = props;
+    const [viewport, setViewport] = useState(null);
+    const [viewportContent, setViewportContent] = useState(new Map());
+    const [indicatorTrack, setIndicatorTrack] = useState(null);
+    return /*#__PURE__*/ createElement($322c88a641701f3b$var$NavigationMenuProviderImpl, {
+        scope: scope,
+        isRootMenu: isRootMenu,
+        rootNavigationMenu: rootNavigationMenu,
+        value: value,
+        previousValue: $010c2913dbd2fe3d$export$5cae361ad82dce8b(value),
+        baseId: $1746a345f3d73bb7$export$f680877a34711e37(),
+        dir: dir,
+        orientation: orientation,
+        viewport: viewport,
+        onViewportChange: setViewport,
+        indicatorTrack: indicatorTrack,
+        onIndicatorTrackChange: setIndicatorTrack,
+        onTriggerEnter: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onTriggerEnter),
+        onTriggerLeave: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onTriggerLeave),
+        onContentEnter: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onContentEnter),
+        onContentLeave: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onContentLeave),
+        onItemSelect: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onItemSelect),
+        onItemDismiss: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onItemDismiss),
+        onViewportContentChange: useCallback((contentValue, contentData)=>{
+            setViewportContent((prevContent)=>{
+                prevContent.set(contentValue, contentData);
+                return new Map(prevContent);
+            });
+        }, []),
+        onViewportContentRemove: useCallback((contentValue)=>{
+            setViewportContent((prevContent)=>{
+                if (!prevContent.has(contentValue)) return prevContent;
+                prevContent.delete(contentValue);
+                return new Map(prevContent);
+            });
+        }, [])
+    }, /*#__PURE__*/ createElement($322c88a641701f3b$var$Collection.Provider, {
+        scope: scope
+    }, /*#__PURE__*/ createElement($322c88a641701f3b$var$ViewportContentProvider, {
+        scope: scope,
+        items: viewportContent
+    }, children)));
 };
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuList
+ * -----------------------------------------------------------------------------------------------*/ const $322c88a641701f3b$var$LIST_NAME = 'NavigationMenuList';
+const $322c88a641701f3b$export$c361068a95fd2286 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , ...listProps } = props;
+    const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$LIST_NAME, __scopeNavigationMenu);
+    const list = /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.ul, _extends({
+        "data-orientation": context.orientation
+    }, listProps, {
+        ref: forwardedRef
+    }));
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, {
+        style: {
+            position: 'relative'
+        },
+        ref: context.onIndicatorTrackChange
+    }, /*#__PURE__*/ createElement($322c88a641701f3b$var$Collection.Slot, {
+        scope: __scopeNavigationMenu
+    }, context.isRootMenu ? /*#__PURE__*/ createElement($322c88a641701f3b$var$FocusGroup, {
+        asChild: true
+    }, list) : list));
+});
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuItem
+ * -----------------------------------------------------------------------------------------------*/ const $322c88a641701f3b$var$ITEM_NAME = 'NavigationMenuItem';
+const [$322c88a641701f3b$var$NavigationMenuItemContextProvider, $322c88a641701f3b$var$useNavigationMenuItemContext] = $322c88a641701f3b$var$createNavigationMenuContext($322c88a641701f3b$var$ITEM_NAME);
+const $322c88a641701f3b$export$ffdbb83a2de845c2 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , value: valueProp , ...itemProps } = props;
+    const autoValue = $1746a345f3d73bb7$export$f680877a34711e37(); // We need to provide an initial deterministic value as `useId` will return
+    // empty string on the first render and we don't want to match our internal "closed" value.
+    const value = valueProp || autoValue || 'LEGACY_REACT_AUTO_VALUE';
+    const contentRef = useRef(null);
+    const triggerRef = useRef(null);
+    const focusProxyRef = useRef(null);
+    const restoreContentTabOrderRef = useRef(()=>{});
+    const wasEscapeCloseRef = useRef(false);
+    const handleContentEntry = useCallback((side = 'start')=>{
+        if (contentRef.current) {
+            restoreContentTabOrderRef.current();
+            const candidates = $322c88a641701f3b$var$getTabbableCandidates(contentRef.current);
+            if (candidates.length) $322c88a641701f3b$var$focusFirst(side === 'start' ? candidates : candidates.reverse());
+        }
+    }, []);
+    const handleContentExit = useCallback(()=>{
+        if (contentRef.current) {
+            const candidates = $322c88a641701f3b$var$getTabbableCandidates(contentRef.current);
+            if (candidates.length) restoreContentTabOrderRef.current = $322c88a641701f3b$var$removeFromTabOrder(candidates);
+        }
+    }, []);
+    return /*#__PURE__*/ createElement($322c88a641701f3b$var$NavigationMenuItemContextProvider, {
+        scope: __scopeNavigationMenu,
+        value: value,
+        triggerRef: triggerRef,
+        contentRef: contentRef,
+        focusProxyRef: focusProxyRef,
+        wasEscapeCloseRef: wasEscapeCloseRef,
+        onEntryKeyDown: handleContentEntry,
+        onFocusProxyEnter: handleContentEntry,
+        onRootContentClose: handleContentExit,
+        onContentFocusOutside: handleContentExit
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.li, _extends({}, itemProps, {
+        ref: forwardedRef
+    })));
+});
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuTrigger
+ * -----------------------------------------------------------------------------------------------*/ const $322c88a641701f3b$var$TRIGGER_NAME = 'NavigationMenuTrigger';
+const $322c88a641701f3b$export$37fe8002734d8f2 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , disabled: disabled , ...triggerProps } = props;
+    const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$TRIGGER_NAME, props.__scopeNavigationMenu);
+    const itemContext = $322c88a641701f3b$var$useNavigationMenuItemContext($322c88a641701f3b$var$TRIGGER_NAME, props.__scopeNavigationMenu);
+    const ref = useRef(null);
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(ref, itemContext.triggerRef, forwardedRef);
+    const triggerId = $322c88a641701f3b$var$makeTriggerId(context.baseId, itemContext.value);
+    const contentId = $322c88a641701f3b$var$makeContentId(context.baseId, itemContext.value);
+    const hasPointerMoveOpenedRef = useRef(false);
+    const wasClickCloseRef = useRef(false);
+    const open = itemContext.value === context.value;
+    return /*#__PURE__*/ createElement(Fragment, null, /*#__PURE__*/ createElement($322c88a641701f3b$var$Collection.ItemSlot, {
+        scope: __scopeNavigationMenu,
+        value: itemContext.value
+    }, /*#__PURE__*/ createElement($322c88a641701f3b$var$FocusGroupItem, {
+        asChild: true
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
+        id: triggerId,
+        disabled: disabled,
+        "data-disabled": disabled ? '' : undefined,
+        "data-state": $322c88a641701f3b$var$getOpenState(open),
+        "aria-expanded": open,
+        "aria-controls": contentId
+    }, triggerProps, {
+        ref: composedRefs,
+        onPointerEnter: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerEnter, ()=>{
+            wasClickCloseRef.current = false;
+            itemContext.wasEscapeCloseRef.current = false;
+        }),
+        onPointerMove: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerMove, $322c88a641701f3b$var$whenMouse(()=>{
+            if (disabled || wasClickCloseRef.current || itemContext.wasEscapeCloseRef.current || hasPointerMoveOpenedRef.current) return;
+            context.onTriggerEnter(itemContext.value);
+            hasPointerMoveOpenedRef.current = true;
+        })),
+        onPointerLeave: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerLeave, $322c88a641701f3b$var$whenMouse(()=>{
+            if (disabled) return;
+            context.onTriggerLeave();
+            hasPointerMoveOpenedRef.current = false;
+        })),
+        onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, ()=>{
+            context.onItemSelect(itemContext.value);
+            wasClickCloseRef.current = open;
+        }),
+        onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event)=>{
+            const verticalEntryKey = context.dir === 'rtl' ? 'ArrowLeft' : 'ArrowRight';
+            const entryKey = {
+                horizontal: 'ArrowDown',
+                vertical: verticalEntryKey
+            }[context.orientation];
+            if (open && event.key === entryKey) {
+                itemContext.onEntryKeyDown(); // Prevent FocusGroupItem from handling the event
+                event.preventDefault();
+            }
+        })
+    })))), open && /*#__PURE__*/ createElement(Fragment, null, /*#__PURE__*/ createElement($ea1ef594cf570d83$export$be92b6f5f03c0fe9, {
+        "aria-hidden": true,
+        tabIndex: 0,
+        ref: itemContext.focusProxyRef,
+        onFocus: (event)=>{
+            const content = itemContext.contentRef.current;
+            const prevFocusedElement = event.relatedTarget;
+            const wasTriggerFocused = prevFocusedElement === ref.current;
+            const wasFocusFromContent = content === null || content === void 0 ? void 0 : content.contains(prevFocusedElement);
+            if (wasTriggerFocused || !wasFocusFromContent) itemContext.onFocusProxyEnter(wasTriggerFocused ? 'start' : 'end');
+        }
+    }), context.viewport && /*#__PURE__*/ createElement("span", {
+        "aria-owns": contentId
+    })));
+});
+const $322c88a641701f3b$var$LINK_SELECT = 'navigationMenu.linkSelect';
+const $322c88a641701f3b$export$6893bf21536567da = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , active: active , onSelect: onSelect , ...linkProps } = props;
+    return /*#__PURE__*/ createElement($322c88a641701f3b$var$FocusGroupItem, {
+        asChild: true
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.a, _extends({
+        "data-active": active ? '' : undefined,
+        "aria-current": active ? 'page' : undefined
+    }, linkProps, {
+        ref: forwardedRef,
+        onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, (event1)=>{
+            const target = event1.target;
+            const linkSelectEvent = new CustomEvent($322c88a641701f3b$var$LINK_SELECT, {
+                bubbles: true,
+                cancelable: true
+            });
+            target.addEventListener($322c88a641701f3b$var$LINK_SELECT, (event)=>onSelect === null || onSelect === void 0 ? void 0 : onSelect(event)
+            , {
+                once: true
+            });
+            $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, linkSelectEvent);
+            if (!linkSelectEvent.defaultPrevented && !event1.metaKey) {
+                const rootContentDismissEvent = new CustomEvent($322c88a641701f3b$var$ROOT_CONTENT_DISMISS, {
+                    bubbles: true,
+                    cancelable: true
+                });
+                $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, rootContentDismissEvent);
+            }
+        }, {
+            checkForDefaultPrevented: false
+        })
+    })));
+});
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuContent
+ * -----------------------------------------------------------------------------------------------*/ const $322c88a641701f3b$var$CONTENT_NAME = 'NavigationMenuContent';
+const $322c88a641701f3b$export$38e00e996c2f93f7 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { forceMount: forceMount , ...contentProps } = props;
+    const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$CONTENT_NAME, props.__scopeNavigationMenu);
+    const itemContext = $322c88a641701f3b$var$useNavigationMenuItemContext($322c88a641701f3b$var$CONTENT_NAME, props.__scopeNavigationMenu);
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(itemContext.contentRef, forwardedRef);
+    const open = itemContext.value === context.value;
+    const commonProps = {
+        value: itemContext.value,
+        triggerRef: itemContext.triggerRef,
+        focusProxyRef: itemContext.focusProxyRef,
+        wasEscapeCloseRef: itemContext.wasEscapeCloseRef,
+        onContentFocusOutside: itemContext.onContentFocusOutside,
+        onRootContentClose: itemContext.onRootContentClose,
+        ...contentProps
+    };
+    return !context.viewport ? /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+        present: forceMount || open
+    }, /*#__PURE__*/ createElement($322c88a641701f3b$var$NavigationMenuContentImpl, _extends({
+        "data-state": $322c88a641701f3b$var$getOpenState(open)
+    }, commonProps, {
+        ref: composedRefs,
+        onPointerEnter: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerEnter, context.onContentEnter),
+        onPointerLeave: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerLeave, $322c88a641701f3b$var$whenMouse(context.onContentLeave)),
+        style: {
+            // Prevent interaction when animating out
+            pointerEvents: !open && context.isRootMenu ? 'none' : undefined,
+            ...commonProps.style
+        }
+    }))) : /*#__PURE__*/ createElement($322c88a641701f3b$var$ViewportContentMounter, _extends({
+        forceMount: forceMount
+    }, commonProps, {
+        ref: composedRefs
+    }));
+});
+/* -----------------------------------------------------------------------------------------------*/ const $322c88a641701f3b$var$ViewportContentMounter = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$CONTENT_NAME, props.__scopeNavigationMenu);
+    const { onViewportContentChange: onViewportContentChange , onViewportContentRemove: onViewportContentRemove  } = context;
+    $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+        onViewportContentChange(props.value, {
+            ref: forwardedRef,
+            ...props
+        });
+    }, [
+        props,
+        forwardedRef,
+        onViewportContentChange
+    ]);
+    $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+        return ()=>onViewportContentRemove(props.value)
+        ;
+    }, [
+        props.value,
+        onViewportContentRemove
+    ]); // Content is proxied into the viewport
+    return null;
+});
+/* -----------------------------------------------------------------------------------------------*/ const $322c88a641701f3b$var$ROOT_CONTENT_DISMISS = 'navigationMenu.rootContentDismiss';
+const $322c88a641701f3b$var$NavigationMenuContentImpl = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , value: value , triggerRef: triggerRef , focusProxyRef: focusProxyRef , wasEscapeCloseRef: wasEscapeCloseRef , onRootContentClose: onRootContentClose , onContentFocusOutside: onContentFocusOutside , ...contentProps } = props;
+    const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$CONTENT_NAME, __scopeNavigationMenu);
+    const ref = useRef(null);
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(ref, forwardedRef);
+    const triggerId = $322c88a641701f3b$var$makeTriggerId(context.baseId, value);
+    const contentId = $322c88a641701f3b$var$makeContentId(context.baseId, value);
+    const getItems = $322c88a641701f3b$var$useCollection(__scopeNavigationMenu);
+    const prevMotionAttributeRef = useRef(null);
+    const { onItemDismiss: onItemDismiss  } = context;
+    useEffect(()=>{
+        const content = ref.current; // Bubble dismiss to the root content node and focus its trigger
+        if (context.isRootMenu && content) {
+            const handleClose = ()=>{
+                var _triggerRef$current;
+                onItemDismiss();
+                onRootContentClose();
+                if (content.contains(document.activeElement)) (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.focus();
+            };
+            content.addEventListener($322c88a641701f3b$var$ROOT_CONTENT_DISMISS, handleClose);
+            return ()=>content.removeEventListener($322c88a641701f3b$var$ROOT_CONTENT_DISMISS, handleClose)
+            ;
+        }
+    }, [
+        context.isRootMenu,
+        props.value,
+        triggerRef,
+        onItemDismiss,
+        onRootContentClose
+    ]);
+    const motionAttribute = useMemo(()=>{
+        const items = getItems();
+        const values = items.map((item)=>item.value
+        );
+        if (context.dir === 'rtl') values.reverse();
+        const index = values.indexOf(context.value);
+        const prevIndex = values.indexOf(context.previousValue);
+        const isSelected = value === context.value;
+        const wasSelected = prevIndex === values.indexOf(value); // We only want to update selected and the last selected content
+        // this avoids animations being interrupted outside of that range
+        if (!isSelected && !wasSelected) return prevMotionAttributeRef.current;
+        const attribute = (()=>{
+            // Don't provide a direction on the initial open
+            if (index !== prevIndex) {
+                // If we're moving to this item from another
+                if (isSelected && prevIndex !== -1) return index > prevIndex ? 'from-end' : 'from-start'; // If we're leaving this item for another
+                if (wasSelected && index !== -1) return index > prevIndex ? 'to-start' : 'to-end';
+            } // Otherwise we're entering from closed or leaving the list
+            // entirely and should not animate in any direction
+            return null;
+        })();
+        prevMotionAttributeRef.current = attribute;
+        return attribute;
+    }, [
+        context.previousValue,
+        context.value,
+        context.dir,
+        getItems,
+        value
+    ]);
+    return /*#__PURE__*/ createElement($322c88a641701f3b$var$FocusGroup, {
+        asChild: true
+    }, /*#__PURE__*/ createElement($5cb92bef7577960e$export$177fb62ff3ec1f22, _extends({
+        id: contentId,
+        "aria-labelledby": triggerId,
+        "data-motion": motionAttribute,
+        "data-orientation": context.orientation
+    }, contentProps, {
+        ref: composedRefs,
+        onDismiss: ()=>{
+            var _ref$current;
+            const rootContentDismissEvent = new Event($322c88a641701f3b$var$ROOT_CONTENT_DISMISS, {
+                bubbles: true,
+                cancelable: true
+            });
+            (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.dispatchEvent(rootContentDismissEvent);
+        },
+        onFocusOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusOutside, (event)=>{
+            var _context$rootNavigati;
+            onContentFocusOutside();
+            const target = event.target; // Only dismiss content when focus moves outside of the menu
+            if ((_context$rootNavigati = context.rootNavigationMenu) !== null && _context$rootNavigati !== void 0 && _context$rootNavigati.contains(target)) event.preventDefault();
+        }),
+        onPointerDownOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownOutside, (event)=>{
+            var _context$viewport;
+            const target = event.target;
+            const isTrigger = getItems().some((item)=>{
+                var _item$ref$current;
+                return (_item$ref$current = item.ref.current) === null || _item$ref$current === void 0 ? void 0 : _item$ref$current.contains(target);
+            });
+            const isRootViewport = context.isRootMenu && ((_context$viewport = context.viewport) === null || _context$viewport === void 0 ? void 0 : _context$viewport.contains(target));
+            if (isTrigger || isRootViewport || !context.isRootMenu) event.preventDefault();
+        }),
+        onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event)=>{
+            const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
+            const isTabKey = event.key === 'Tab' && !isMetaKey;
+            if (isTabKey) {
+                const candidates = $322c88a641701f3b$var$getTabbableCandidates(event.currentTarget);
+                const focusedElement = document.activeElement;
+                const index = candidates.findIndex((candidate)=>candidate === focusedElement
+                );
+                const isMovingBackwards = event.shiftKey;
+                const nextCandidates = isMovingBackwards ? candidates.slice(0, index).reverse() : candidates.slice(index + 1, candidates.length);
+                if ($322c88a641701f3b$var$focusFirst(nextCandidates)) // prevent browser tab keydown because we've handled focus
+                event.preventDefault();
+                else {
+                    var _focusProxyRef$curren;
+                    // If we can't focus that means we're at the edges
+                    // so focus the proxy and let browser handle
+                    // tab/shift+tab keypress on the proxy instead
+                    (_focusProxyRef$curren = focusProxyRef.current) === null || _focusProxyRef$curren === void 0 || _focusProxyRef$curren.focus();
+                }
+            }
+        }),
+        onEscapeKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onEscapeKeyDown, (event)=>{
+            // prevent the dropdown from reopening
+            // after the escape key has been pressed
+            wasEscapeCloseRef.current = true;
+        })
+    })));
+});
+/* -----------------------------------------------------------------------------------------------*/ const $322c88a641701f3b$var$FOCUS_GROUP_NAME = 'FocusGroup';
+const $322c88a641701f3b$var$FocusGroup = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , ...groupProps } = props;
+    const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$FOCUS_GROUP_NAME, __scopeNavigationMenu);
+    return /*#__PURE__*/ createElement($322c88a641701f3b$var$FocusGroupCollection.Provider, {
+        scope: __scopeNavigationMenu
+    }, /*#__PURE__*/ createElement($322c88a641701f3b$var$FocusGroupCollection.Slot, {
+        scope: __scopeNavigationMenu
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+        dir: context.dir
+    }, groupProps, {
+        ref: forwardedRef
+    }))));
+});
+/* -----------------------------------------------------------------------------------------------*/ const $322c88a641701f3b$var$ARROW_KEYS = [
+    'ArrowRight',
+    'ArrowLeft',
+    'ArrowUp',
+    'ArrowDown'
+];
+const $322c88a641701f3b$var$FOCUS_GROUP_ITEM_NAME = 'FocusGroupItem';
+const $322c88a641701f3b$var$FocusGroupItem = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , ...groupProps } = props;
+    const getItems = $322c88a641701f3b$var$useFocusGroupCollection(__scopeNavigationMenu);
+    const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$FOCUS_GROUP_ITEM_NAME, __scopeNavigationMenu);
+    return /*#__PURE__*/ createElement($322c88a641701f3b$var$FocusGroupCollection.ItemSlot, {
+        scope: __scopeNavigationMenu
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({}, groupProps, {
+        ref: forwardedRef,
+        onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event)=>{
+            const isFocusNavigationKey = [
+                'Home',
+                'End',
+                ...$322c88a641701f3b$var$ARROW_KEYS
+            ].includes(event.key);
+            if (isFocusNavigationKey) {
+                let candidateNodes = getItems().map((item)=>item.ref.current
+                );
+                const prevItemKey = context.dir === 'rtl' ? 'ArrowRight' : 'ArrowLeft';
+                const prevKeys = [
+                    prevItemKey,
+                    'ArrowUp',
+                    'End'
+                ];
+                if (prevKeys.includes(event.key)) candidateNodes.reverse();
+                if ($322c88a641701f3b$var$ARROW_KEYS.includes(event.key)) {
+                    const currentIndex = candidateNodes.indexOf(event.currentTarget);
+                    candidateNodes = candidateNodes.slice(currentIndex + 1);
+                }
+                /**
+         * Imperative focus during keydown is risky so we prevent React's batching updates
+         * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332
+         */ setTimeout(()=>$322c88a641701f3b$var$focusFirst(candidateNodes)
+                ); // Prevent page scroll while navigating
+                event.preventDefault();
+            }
+        })
+    })));
+});
+/**
+ * Returns a list of potential tabbable candidates.
+ *
+ * NOTE: This is only a close approximation. For example it doesn't take into account cases like when
+ * elements are not visible. This cannot be worked out easily by just reading a property, but rather
+ * necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.
+ *
+ * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
+ * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1
+ */ function $322c88a641701f3b$var$getTabbableCandidates(container) {
+    const nodes = [];
+    const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+        acceptNode: (node)=>{
+            const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden';
+            if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP; // `.tabIndex` is not the same as the `tabindex` attribute. It works on the
+            // runtime's understanding of tabbability, so this automatically accounts
+            // for any kind of element that could be tabbed to.
+            return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+        }
+    });
+    while(walker.nextNode())nodes.push(walker.currentNode); // we do not take into account the order of nodes with positive `tabIndex` as it
+    // hinders accessibility to have tab order different from visual order.
+    return nodes;
+}
+function $322c88a641701f3b$var$focusFirst(candidates) {
+    const previouslyFocusedElement = document.activeElement;
+    return candidates.some((candidate)=>{
+        // if focus is already where we want to go, we don't want to keep going through the candidates
+        if (candidate === previouslyFocusedElement) return true;
+        candidate.focus();
+        return document.activeElement !== previouslyFocusedElement;
+    });
+}
+function $322c88a641701f3b$var$removeFromTabOrder(candidates) {
+    candidates.forEach((candidate)=>{
+        candidate.dataset.tabindex = candidate.getAttribute('tabindex') || '';
+        candidate.setAttribute('tabindex', '-1');
+    });
+    return ()=>{
+        candidates.forEach((candidate)=>{
+            const prevTabIndex = candidate.dataset.tabindex;
+            candidate.setAttribute('tabindex', prevTabIndex);
+        });
+    };
+}
+function $322c88a641701f3b$var$getOpenState(open) {
+    return open ? 'open' : 'closed';
+}
+function $322c88a641701f3b$var$makeTriggerId(baseId, value) {
+    return `${baseId}-trigger-${value}`;
+}
+function $322c88a641701f3b$var$makeContentId(baseId, value) {
+    return `${baseId}-content-${value}`;
+}
+function $322c88a641701f3b$var$whenMouse(handler) {
+    return (event)=>event.pointerType === 'mouse' ? handler(event) : undefined
+    ;
+}
+/* -----------------------------------------------------------------------------------------------*/ const $322c88a641701f3b$export$be92b6f5f03c0fe9 = $322c88a641701f3b$export$5b2278cf1e8bcae2;
+const $322c88a641701f3b$export$d7a01e11500dfb6f = $322c88a641701f3b$export$5958edd6c4ee7c79;
+const $322c88a641701f3b$export$54c2e3dc7acea9f5 = $322c88a641701f3b$export$c361068a95fd2286;
+const $322c88a641701f3b$export$6d08773d2e66f8f2 = $322c88a641701f3b$export$ffdbb83a2de845c2;
+const $322c88a641701f3b$export$41fb9f06171c75f4 = $322c88a641701f3b$export$37fe8002734d8f2;
+const $322c88a641701f3b$export$a6c7ac8248d6e38a = $322c88a641701f3b$export$6893bf21536567da;
+const $322c88a641701f3b$export$7c6e2c02157bb7d2 = $322c88a641701f3b$export$38e00e996c2f93f7;
 
-var Logger = function () {
-  function Logger(concreteLogger) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+var VerticalDivider = styled.div.withConfig({
+  displayName: "VerticalDivider",
+  componentId: "sc-18klwrc-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+    color = _ref.color,
+    secondary = _ref.secondary;
+  return {
+    display: "inline",
+    borderLeftColor: color || (secondary ? theme.colors.whiteGrey : theme.colors.lightGrey),
+    borderLeftWidth: "1px",
+    borderLeftStyle: "solid",
+    borderTop: "none",
+    borderBottom: "none",
+    borderRight: "none",
+    height: theme.sizes.x2,
+    marginLeft: theme.space.x2,
+    marginRight: theme.space.x2
+  };
+}, addStyledProps);
+VerticalDivider.displayName = "VerticalDivider";
 
-    _classCallCheck(this, Logger);
+var NAVIGATION_MENU_HEIGHT_STYLED_UNITS = "x8";
+var NAVIGATION_MENU_CONTENT_WIDTH_MAX_WIDTH_PX = 400;
+var NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY = "medium";
+var NAVIGATION_SUB_MENU_MIN_WIDTH_PX = 180;
+var MIN_DISTANCE_BETWEEN_MENUS_PX = 64;
 
-    this.init(concreteLogger, options);
+var disableHoverEvents = {
+  onPointerMove: function onPointerMove(e) {
+    return e.preventDefault();
+  },
+  onPointerEnter: function onPointerEnter(e) {
+    return e.preventDefault();
+  },
+  onPointerLeave: function onPointerLeave(e) {
+    return e.preventDefault();
   }
+};
 
-  _createClass(Logger, [{
-    key: "init",
-    value: function init(concreteLogger) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      this.prefix = options.prefix || 'i18next:';
-      this.logger = concreteLogger || consoleLogger;
-      this.options = options;
-      this.debug = options.debug;
-    }
-  }, {
-    key: "setDebug",
-    value: function setDebug(bool) {
-      this.debug = bool;
-    }
-  }, {
-    key: "log",
-    value: function log() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      return this.forward(args, 'log', '', true);
+function itemStyles(theme) {
+  return {
+    paddingLeft: theme.space.x2,
+    paddingRight: theme.space.x2,
+    paddingTop: theme.space.x1_5,
+    paddingBottom: theme.space.x1_5,
+    outline: "none",
+    userSelect: "none",
+    fontWeight: theme.fontWeights.medium,
+    fontSize: theme.fontSizes.small,
+    lineHeight: theme.lineHeights.smallTextCompressed,
+    borderRadius: theme.radii.large,
+    color: theme.colors.darkGrey,
+    transition: "background-color 250ms ease",
+    whiteSpace: "nowrap"
+  };
+}
+var NavigationMenuRoot = styled($322c88a641701f3b$export$be92b6f5f03c0fe9).withConfig({
+  displayName: "components__NavigationMenuRoot",
+  componentId: "sc-lzok1t-0"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    height: theme.space[NAVIGATION_MENU_HEIGHT_STYLED_UNITS],
+    display: "flex",
+    width: "100%",
+    justifyContent: "space-between",
+    padding: "0px 16px",
+    backgroundColor: "white",
+    borderBottom: "1px solid #E4E7EB",
+    "& > div": {
+      display: "flex"
     }
-  }, {
-    key: "warn",
+  };
+}, addStyledProps);
+var NavigationMenuList = styled($322c88a641701f3b$export$54c2e3dc7acea9f5).withConfig({
+  displayName: "components__NavigationMenuList",
+  componentId: "sc-lzok1t-1"
+})(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    display: "flex",
+    alignItems: "center",
+    width: "100%",
+    padding: theme.space.none,
+    listStyle: "none",
+    gap: theme.space.x1,
+    margin: theme.space.none
+  };
+});
+var NavigationMenuTrigger = styled($322c88a641701f3b$export$41fb9f06171c75f4).attrs(function (_ref3) {
+  var _ref3$disableMenuTogg = _ref3.disableMenuToggleOnHover,
+    disableMenuToggleOnHover = _ref3$disableMenuTogg === void 0 ? true : _ref3$disableMenuTogg;
+  if (disableMenuToggleOnHover) {
+    return Object.assign({}, disableHoverEvents);
+  }
+}).withConfig({
+  displayName: "components__NavigationMenuTrigger",
+  componentId: "sc-lzok1t-2"
+})(function (_ref4) {
+  var theme = _ref4.theme;
+  return Object.assign(Object.assign({
+    all: "unset"
+  }, itemStyles(theme)), {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: theme.space.half,
+    "&:focus": {
+      boxShadow: theme.shadows.focus
+    },
+    "&:hover": {
+      backgroundColor: theme.colors.lightBlue,
+      color: theme.colors.darkBlue
+    },
+    "&:disabled": {
+      cursor: "default",
+      "&:hover": {
+        backgroundColor: "transparent",
+        color: theme.colors.darkGrey
+      }
+    }
+  });
+}, addStyledProps);
+var NavigationMenuLink$1 = styled($322c88a641701f3b$export$a6c7ac8248d6e38a).withConfig({
+  displayName: "components__NavigationMenuLink",
+  componentId: "sc-lzok1t-3"
+})(function (_ref5) {
+  var theme = _ref5.theme;
+  return Object.assign(Object.assign({}, itemStyles(theme)), {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: theme.space.half,
+    textDecoration: "none",
+    fontSize: theme.fontSizes.small,
+    lineHeight: theme.lineHeights.smallTextCompressed,
+    "&:focus": {
+      boxShadow: theme.shadows.focus
+    },
+    "&:hover": {
+      backgroundColor: theme.colors.lightBlue,
+      color: theme.colors.darkBlue
+    },
+    "&:disabled": {
+      cursor: "default",
+      "&:hover": {
+        backgroundColor: "transparent",
+        color: theme.colors.darkGrey
+      }
+    }
+  });
+}, addStyledProps);
+styled(NavigationMenuLink$1).withConfig({
+  displayName: "components__NavigationMenuIconLink",
+  componentId: "sc-lzok1t-4"
+})(function (_ref6) {
+  var theme = _ref6.theme;
+  return {
+    paddingRight: theme.space.x1,
+    borderRadius: theme.radii.rounded
+  };
+});
+var NavigationMenuIconTrigger = styled(NavigationMenuTrigger).withConfig({
+  displayName: "components__NavigationMenuIconTrigger",
+  componentId: "sc-lzok1t-5"
+})(function (_ref7) {
+  var theme = _ref7.theme;
+  return {
+    padding: theme.space.x1,
+    borderRadius: theme.radii.rounded
+  };
+});
+var CaretDown = styled(Icon).attrs({
+  icon: "downArrow"
+}).withConfig({
+  displayName: "components__CaretDown",
+  componentId: "sc-lzok1t-6"
+})({
+  position: "relative",
+  color: "currentColor",
+  transition: "transform 250ms ease",
+  "[data-state=open] &": {
+    transform: "rotate(-180deg)"
+  }
+});
+var CaretRight = styled(Icon).attrs({
+  icon: "rightArrow"
+}).withConfig({
+  displayName: "components__CaretRight",
+  componentId: "sc-lzok1t-7"
+})({
+  position: "relative",
+  color: "currentColor"
+});
+var RadixNavigationMenuItem = styled($322c88a641701f3b$export$6d08773d2e66f8f2).withConfig({
+  displayName: "components__RadixNavigationMenuItem",
+  componentId: "sc-lzok1t-8"
+})({
+  position: "relative"
+}, addStyledProps);
+
+var getSharedPaddingStyles = function getSharedPaddingStyles(theme) {
+  return {
+    paddingTop: theme.space.x1,
+    paddingBottom: theme.space.x1
+  };
+};
+var getSharedInteractiveItemStyles = function getSharedInteractiveItemStyles(theme) {
+  return {
+    paddingLeft: theme.space.x1_5,
+    paddingRight: theme.space.x1_5,
+    fontWeight: theme.fontWeights.medium,
+    fontSize: theme.fontSizes.small,
+    lineHeight: theme.lineHeights.smallRelaxed,
+    whiteSpace: "nowrap",
+    transition: "background-color 250ms ease"
+  };
+};
+var SubMenuItemLink = styled($322c88a641701f3b$export$a6c7ac8248d6e38a).withConfig({
+  displayName: "styled__SubMenuItemLink",
+  componentId: "sc-11znyq0-0"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return Object.assign(Object.assign(Object.assign({}, getSharedPaddingStyles(theme)), getSharedInteractiveItemStyles(theme)), {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    alignSelf: "stretch",
+    width: "100%",
+    textDecoration: "none",
+    "&:hover, &:focus": {
+      backgroundColor: theme.colors.lightBlue,
+      color: theme.colors.darkBlue,
+      outline: "none"
+    },
+    "&:visited": {
+      color: "inherit"
+    }
+  });
+}, addStyledProps);
+var SubMenuItemButton = styled($322c88a641701f3b$export$41fb9f06171c75f4).withConfig({
+  displayName: "styled__SubMenuItemButton",
+  componentId: "sc-11znyq0-1"
+})(function (_ref2) {
+  var theme = _ref2.theme;
+  return Object.assign(Object.assign(Object.assign({}, getSharedPaddingStyles(theme)), getSharedInteractiveItemStyles(theme)), {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    width: "100%",
+    gap: theme.space.x2,
+    background: "none",
+    border: "none",
+    outline: "none",
+    color: theme.colors.darkGrey,
+    userSelect: "none",
+    "&:hover, &:focus": {
+      backgroundColor: theme.colors.lightBlue,
+      color: theme.colors.darkBlue
+    }
+  });
+}, addStyledProps);
+var SubMenuContent$1 = styled($322c88a641701f3b$export$7c6e2c02157bb7d2).attrs(disableHoverEvents).withConfig({
+  displayName: "styled__SubMenuContent",
+  componentId: "sc-11znyq0-2"
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return Object.assign(Object.assign({}, getSharedPaddingStyles(theme)), {
+    position: "absolute",
+    top: "calc(100% + " + theme.space.half + ")",
+    left: 0,
+    minWidth: NAVIGATION_SUB_MENU_MIN_WIDTH_PX,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    background: theme.colors.white,
+    color: theme.colors.darkGrey,
+    borderRadius: theme.radii.medium,
+    boxShadow: theme.shadows.medium,
+    paddingRight: 0,
+    paddingLeft: 0,
+    listStyle: "none",
+    "& > div": {
+      width: "100%"
+    }
+  });
+}, addStyledProps);
+var SubMenuItem = styled($322c88a641701f3b$export$6d08773d2e66f8f2).withConfig({
+  displayName: "styled__SubMenuItem",
+  componentId: "sc-11znyq0-3"
+})({
+  position: "relative",
+  width: "100%"
+}, addStyledProps);
+var SubMenuList$1 = styled($322c88a641701f3b$export$54c2e3dc7acea9f5).withConfig({
+  displayName: "styled__SubMenuList",
+  componentId: "sc-11znyq0-4"
+})({
+  padding: 0,
+  listStyle: "none"
+}, addStyledProps);
+
+function MenuSubItem(_ref) {
+  var item = _ref.item,
+    level = _ref.level;
+  var _a, _b;
+  var theme = useTheme();
+  /* ---------------------------------------------------------------------
+   * Separator
+   * -------------------------------------------------------------------*/
+  if (item.type === "separator") {
+    return /*#__PURE__*/React__default.createElement(Divider$1, {
+      my: "x1",
+      mx: "x1",
+      width: "auto"
+    });
+  }
+  /* ---------------------------------------------------------------------
+   * Custom render
+   * -------------------------------------------------------------------*/
+  if (item.type === "custom") {
+    return /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$6d08773d2e66f8f2, {
+      key: item.key
+    }, item.render({
+      withinSubMenu: true,
+      level: level,
+      withinMobileNav: false
+    }));
+  }
+  /* ---------------------------------------------------------------------
+   * Default render
+   * -------------------------------------------------------------------*/
+  var hasIcon = "icon" in item;
+  var isLink = item.type === "link";
+  var hasSubMenu = item.type === "button" && !!item.items && item.items.length > 0;
+  var content = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, hasIcon && (/*#__PURE__*/React__default.createElement(Flex, {
+    alignItems: "center",
+    gap: "x1"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    icon: item.icon,
+    size: "x3",
+    "aria-hidden": true
+  }), /*#__PURE__*/React__default.createElement("span", null, (_a = item.label) !== null && _a !== void 0 ? _a : item.tooltip))), "label" in item && item.label && !hasIcon && /*#__PURE__*/React__default.createElement("span", null, item.label), hasSubMenu && /*#__PURE__*/React__default.createElement(CaretRight, {
+    "aria-hidden": true,
+    size: "x2"
+  }));
+  return /*#__PURE__*/React__default.createElement(SubMenuItem, {
+    key: item.key,
+    value: "label" in item ? item.label : item.key
+  }, isLink ? (/*#__PURE__*/React__default.createElement(SubMenuItemLink, {
+    asChild: true
+  }, item.element ? (/*#__PURE__*/React__default.cloneElement(item.element, Object.assign(Object.assign({}, item.props), {
+    children: content
+  }))) : (/*#__PURE__*/React__default.createElement("a", Object.assign({}, item.props), content)))) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SubMenuItemButton, Object.assign({}, item.props), content), hasSubMenu && (/*#__PURE__*/React__default.createElement(SubMenuContent$1, {
+    left: "calc(100% - " + theme.space.half + ")",
+    top: "calc(-1 * " + theme.space.x1 + ")"
+  }, /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$d7a01e11500dfb6f, {
+    orientation: "vertical"
+  }, /*#__PURE__*/React__default.createElement(SubMenuList$1, null, (_b = item.items) === null || _b === void 0 ? void 0 : _b.map(function (subItem) {
+    return /*#__PURE__*/React__default.createElement(MenuSubItem, {
+      key: subItem.key,
+      item: subItem,
+      level: level + 1
+    });
+  }))))))));
+}
+
+/**
+ * A single Radix <NavigationMenu.Item> that can represent any MenuItem variant.
+ */
+var NavigationMenuItem = /*#__PURE__*/React__default.forwardRef(function (_a, forwardedRef) {
+  var _b;
+  var item = _a.item,
+    _a$level = _a.level,
+    level = _a$level === void 0 ? 0 : _a$level,
+    props = __rest(_a, ["item", "level"]);
+  if (item.type === "separator") {
+    return /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, Object.assign({
+      ref: forwardedRef
+    }, props), /*#__PURE__*/React__default.createElement(VerticalDivider, {
+      mx: "x1"
+    }));
+  }
+  /* ---------------------------------------------------------------------
+   * Handle "custom” items
+   * -------------------------------------------------------------------*/
+  if (item.type === "custom") {
+    return /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, Object.assign({
+      ref: forwardedRef
+    }, props), item.render({
+      withinSubMenu: level > 0,
+      level: level,
+      withinMobileNav: false
+    }));
+  }
+  var hasIcon = "icon" in item;
+  var isLink = item.type === "link";
+  var hasSubMenu = item.type === "button" && !!item.items && item.items.length > 0;
+  var hasLabel = "label" in item && item.label;
+  var hasIconOnly = hasIcon && !hasLabel;
+  var hasTooltip = hasIconOnly && Boolean(item.tooltip);
+  var Content = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, hasIcon && /*#__PURE__*/React__default.createElement(Icon, {
+    icon: item.icon,
+    size: "x3",
+    "aria-hidden": true
+  }), "label" in item && item.label && (/*#__PURE__*/React__default.createElement(Text, {
+    fontSize: "small",
+    lineHeight: "smallTextCompressed"
+  }, item.label)), hasSubMenu && /*#__PURE__*/React__default.createElement(CaretDown, {
+    "aria-hidden": true,
+    size: "x2"
+  }));
+  if (isLink) {
+    var _Item = /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, Object.assign({
+      ref: forwardedRef
+    }, props), /*#__PURE__*/React__default.createElement(NavigationMenuLink$1, {
+      asChild: true,
+      "aria-label": hasIconOnly && item.tooltip ? item.tooltip : item.label,
+      borderRadius: hasIconOnly ? "rounded" : undefined,
+      p: hasIcon ? "x1" : undefined
+    }, item.element ? (/*#__PURE__*/React__default.cloneElement(item.element, Object.assign(Object.assign({}, item.props), {
+      children: Content
+    }))) : (/*#__PURE__*/React__default.createElement("a", Object.assign({}, item.props), Content))));
+    return hasTooltip ? (/*#__PURE__*/React__default.createElement(Tooltip$2, {
+      delayDuration: 0,
+      sideOffset: 0,
+      content: item.tooltip
+    }, _Item)) : _Item;
+  }
+  var Item = /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, Object.assign({
+    ref: forwardedRef
+  }, props), /*#__PURE__*/React__default.createElement(NavigationMenuTrigger, {
+    asChild: true,
+    position: "relative",
+    "aria-label": hasIconOnly && item.tooltip ? item.tooltip : hasLabel ? item.label : undefined,
+    borderRadius: hasIconOnly ? "rounded" : undefined,
+    p: hasIcon ? "x1" : undefined
+  }, /*#__PURE__*/React__default.createElement(Button, Object.assign({}, item.props), Content)), hasSubMenu && (/*#__PURE__*/React__default.createElement(SubMenuContent$1, null, /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$d7a01e11500dfb6f, {
+    orientation: "vertical"
+  }, /*#__PURE__*/React__default.createElement(NavigationMenuSubList, null, (_b = item.items) === null || _b === void 0 ? void 0 : _b.map(function (sub) {
+    return /*#__PURE__*/React__default.createElement(MenuSubItem, {
+      key: sub.key,
+      item: sub,
+      level: level + 1
+    });
+  }))))));
+  return hasTooltip ? (/*#__PURE__*/React__default.createElement(Tooltip$2, {
+    delayDuration: 0,
+    sideOffset: 0,
+    content: item.tooltip
+  }, Item)) : Item;
+});
+NavigationMenuItem.displayName = "NavigationMenuItem";
+var NavigationMenuSubList = styled($322c88a641701f3b$export$54c2e3dc7acea9f5).withConfig({
+  displayName: "NavigationMenuItem__NavigationMenuSubList",
+  componentId: "sc-1yowz2u-0"
+})(["list-style:none;margin:0;padding:0;& > ", ":first-child{display:none;}"], Divider$1);
+var Button = /*#__PURE__*/React__default.forwardRef(function (_a, forwardedRef) {
+  _a.onPointerEnter;
+    _a.onPointerLeave;
+    _a.onPointerMove;
+    var props = __rest(_a, ["onPointerEnter", "onPointerLeave", "onPointerMove"]);
+  return /*#__PURE__*/React__default.createElement("button", Object.assign({}, props, {
+    ref: forwardedRef
+  }));
+});
+Button.displayName = "Button";
+
+var USER_MENU_HEADER_HEIGHT = "104px";
+var HeaderText = styled(Text).attrs({
+  color: "darkGrey",
+  fontSize: "small",
+  fontStyle: "normal",
+  lineHeight: "smallTextBase",
+  m: "none"
+}).withConfig({
+  displayName: "Header__HeaderText",
+  componentId: "sc-e7lhxf-0"
+})({});
+var HeaderWrapper = styled(Flex).attrs({
+  position: "relative",
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "flex-start",
+  alignSelf: "stretch",
+  px: "x3",
+  py: "none",
+  bg: "whiteGrey",
+  borderTopLeftRadius: "large",
+  borderTopRightRadius: "large",
+  height: USER_MENU_HEADER_HEIGHT,
+  overflow: "hidden"
+}).withConfig({
+  displayName: "Header__HeaderWrapper",
+  componentId: "sc-e7lhxf-1"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    "&:last-child": {
+      borderBottomLeftRadius: theme.radii.large,
+      borderBottomRightRadius: theme.radii.large
+    }
+  };
+});
+var Header$2 = function Header(_ref2) {
+  var title = _ref2.title,
+    subtitle1 = _ref2.subtitle1,
+    subtitle2 = _ref2.subtitle2,
+    containerProps = _ref2.containerProps;
+  return /*#__PURE__*/React__default.createElement(HeaderWrapper, Object.assign({}, containerProps), /*#__PURE__*/React__default.createElement(HeaderText, {
+    fontWeight: "bold"
+  }, title), /*#__PURE__*/React__default.createElement(HeaderText, {
+    fontWeight: "normal"
+  }, subtitle1), /*#__PURE__*/React__default.createElement(HeaderText, {
+    fontWeight: "normal"
+  }, subtitle2), /*#__PURE__*/React__default.createElement(BackgroundTriangles, null));
+};
+
+var baseUserMenuItemStyles = function baseUserMenuItemStyles(theme, isMobile) {
+  return Object.assign(Object.assign({
+    width: "100%",
+    color: theme.colors.darkGrey,
+    fontSize: theme.fontSizes.small,
+    fontWeight: theme.fontWeights.bold,
+    lineHeight: theme.lineHeights.smallTextBase,
+    paddingTop: theme.space.x1_5,
+    paddingBottom: theme.space.x1_5,
+    paddingLeft: theme.space.x2,
+    paddingRight: theme.space.x2
+  }, !isMobile && {
+    "&:hover, &:focus": {
+      backgroundColor: theme.colors.lightBlue,
+      color: theme.colors.darkBlue,
+      outline: "none"
+    }
+  }), isMobile && {
+    "&:hover": {
+      // No background or color change on hover for mobile
+    },
+    "&:focus": {
+      backgroundColor: "transparent",
+      color: theme.colors.darkBlue,
+      outline: "none"
+    }
+  });
+};
+var UserMenuLink = styled($322c88a641701f3b$export$a6c7ac8248d6e38a).withConfig({
+  displayName: "styled__UserMenuLink",
+  componentId: "sc-11w4bv0-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+    $isMobile = _ref.$isMobile;
+  return Object.assign(Object.assign({}, baseUserMenuItemStyles(theme, $isMobile)), {
+    display: "block",
+    textDecoration: "none"
+  });
+}, addStyledProps);
+var UserMenuTrigger = styled($322c88a641701f3b$export$41fb9f06171c75f4).withConfig({
+  displayName: "styled__UserMenuTrigger",
+  componentId: "sc-11w4bv0-1"
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    $isMobile = _ref2.$isMobile;
+  return Object.assign(Object.assign({}, baseUserMenuItemStyles(theme, $isMobile)), {
+    background: "none",
+    border: "none",
+    userSelect: "none",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    textAlign: "left"
+  });
+}, addStyledProps);
+var SubMenuContent = styled($322c88a641701f3b$export$7c6e2c02157bb7d2).withConfig({
+  displayName: "styled__SubMenuContent",
+  componentId: "sc-11w4bv0-2"
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    position: "absolute",
+    top: "calc(-1 * " + theme.space.x1 + ")",
+    right: "calc(100% - " + theme.space.half + ")",
+    width: "max-content",
+    minWidth: "150px",
+    background: theme.colors.white,
+    borderRadius: theme.radii.medium,
+    boxShadow: theme.shadows.medium,
+    padding: theme.space.none,
+    listStyle: "none"
+  };
+});
+var SubMenuList = styled($322c88a641701f3b$export$54c2e3dc7acea9f5).withConfig({
+  displayName: "styled__SubMenuList",
+  componentId: "sc-11w4bv0-3"
+})(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    listStyle: "none",
+    paddingLeft: theme.space.none,
+    paddingRight: theme.space.none,
+    paddingTop: theme.space.x1,
+    paddingBottom: theme.space.x1,
+    margin: 0
+  };
+});
+
+var Item$1 = /*#__PURE__*/React__default.forwardRef(function (_a, forwardedRef) {
+  var item = _a.item,
+    _a$level = _a.level,
+    level = _a$level === void 0 ? 0 : _a$level,
+    props = __rest(_a, ["item", "level"]);
+  return /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, Object.assign({
+    ref: forwardedRef
+  }, props), item.type === "link" && (/*#__PURE__*/React__default.createElement(UserMenuLink, {
+    asChild: true
+  }, item.element ? (/*#__PURE__*/React__default.cloneElement(item.element, Object.assign(Object.assign({}, item.props), {
+    children: item.label
+  }))) : (/*#__PURE__*/React__default.createElement("a", Object.assign({}, item.props), item.label)))), item.type === "button" && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(UserMenuTrigger, Object.assign({}, item.props), item.label, "items" in item && item.items && item.items.length > 0 && /*#__PURE__*/React__default.createElement(CaretRight, {
+    "aria-hidden": true,
+    size: "x2"
+  })), "items" in item && item.items && item.items.length > 0 && (/*#__PURE__*/React__default.createElement(SubMenuContent, null, /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$d7a01e11500dfb6f, {
+    orientation: "vertical"
+  }, /*#__PURE__*/React__default.createElement(SubMenuList, null, item.items.map(function (subItem) {
+    return /*#__PURE__*/React__default.createElement(Item$1, {
+      key: subItem.key,
+      item: subItem,
+      level: level + 1
+    });
+  }))))))), item.type === "custom" && item.render({
+    level: level,
+    withinMobileNav: false
+  }));
+});
+Item$1.displayName = "Item";
+
+var IndentedContainer = styled(Box).withConfig({
+  displayName: "styled__IndentedContainer",
+  componentId: "sc-1ncfbl2-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+    level = _ref.level;
+  return {
+    paddingLeft: "calc(" + level + " * " + theme.space.x2 + ")"
+  };
+});
+var commonPadding = function commonPadding(theme) {
+  return {
+    paddingLeft: 0,
+    paddingRight: 0,
+    paddingTop: theme.space.x2,
+    paddingBottom: theme.space.x2
+  };
+};
+var commonStyles = function commonStyles(theme) {
+  return Object.assign(Object.assign({}, commonPadding(theme)), {
+    background: "none",
+    border: "none",
+    outline: "none",
+    userSelect: "none",
+    display: "flex",
+    alignItems: "center",
+    gap: theme.space.x1,
+    color: theme.colors.darkGrey,
+    fontSize: theme.fontSizes.small,
+    fontWeight: theme.fontWeights.medium,
+    lineHeight: theme.lineHeights.smallTextBase,
+    width: "100%",
+    textAlign: "left"
+  });
+};
+var MenuItemGroupLabel = styled(Text).withConfig({
+  displayName: "styled__MenuItemGroupLabel",
+  componentId: "sc-1ncfbl2-1"
+})(function (_ref2) {
+  var theme = _ref2.theme;
+  return Object.assign(Object.assign({}, commonPadding(theme)), {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.space.x1,
+    color: theme.colors.darkGrey,
+    fontSize: theme.fontSizes.small,
+    fontWeight: theme.fontWeights.medium,
+    lineHeight: theme.lineHeights.smallTextBase,
+    width: "100%",
+    textAlign: "left"
+  });
+});
+var MobileNavigationButton = styled($322c88a641701f3b$export$41fb9f06171c75f4).withConfig({
+  displayName: "styled__MobileNavigationButton",
+  componentId: "sc-1ncfbl2-2"
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return Object.assign({}, commonStyles(theme));
+});
+var MobileNavigationLink = styled($322c88a641701f3b$export$a6c7ac8248d6e38a).withConfig({
+  displayName: "styled__MobileNavigationLink",
+  componentId: "sc-1ncfbl2-3"
+})(function (_ref4) {
+  var theme = _ref4.theme;
+  return Object.assign(Object.assign({}, commonStyles(theme)), {
+    textDecoration: "none"
+  });
+});
+var MobileSecondaryLogoContainer = styled($322c88a641701f3b$export$d7a01e11500dfb6f).withConfig({
+  displayName: "styled__MobileSecondaryLogoContainer",
+  componentId: "sc-1ncfbl2-4"
+})(function (_ref5) {
+  var theme = _ref5.theme;
+  return {
+    marginTop: theme.space.x2,
+    padding: theme.space.x2,
+    display: "flex",
+    justifyContent: "center"
+  };
+});
+
+var MobileItem = /*#__PURE__*/React__default.forwardRef(function (_a, forwardedRef) {
+  var item = _a.item,
+    _a$level = _a.level,
+    level = _a$level === void 0 ? 0 : _a$level,
+    props = __rest(_a, ["item", "level"]);
+  var hasSubItems = "items" in item && item.items && item.items.length > 0;
+  var content = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, item.type === "link" && (/*#__PURE__*/React__default.createElement(IndentedContainer, {
+    level: level
+  }, /*#__PURE__*/React__default.createElement(UserMenuLink, {
+    asChild: true,
+    "$isMobile": true
+  }, item.element ? (/*#__PURE__*/React__default.cloneElement(item.element, Object.assign(Object.assign({}, item.props), {
+    children: item.label
+  }))) : (/*#__PURE__*/React__default.createElement("a", Object.assign({}, item.props), item.label))))), item.type === "button" && (/*#__PURE__*/React__default.createElement(IndentedContainer, {
+    level: level
+  }, /*#__PURE__*/React__default.createElement(UserMenuTrigger, Object.assign({}, item.props, {
+    "$isMobile": true
+  }), item.label))), item.type === "custom" && item.render({
+    level: level,
+    withinMobileNav: true
+  }));
+  if (item.type === "button" && hasSubItems) {
+    return /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, Object.assign({
+      ref: forwardedRef
+    }, props), content, /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$d7a01e11500dfb6f, {
+      orientation: "vertical"
+    }, /*#__PURE__*/React__default.createElement(SubMenuList$1, null, item.items.map(function (subItem) {
+      return /*#__PURE__*/React__default.createElement(MobileItem, {
+        key: subItem.key,
+        item: subItem,
+        level: level + 1
+      });
+    }))));
+  }
+  return /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, Object.assign({
+    ref: forwardedRef
+  }, props), content);
+});
+MobileItem.displayName = "MobileItem";
+
+var Container = styled($322c88a641701f3b$export$d7a01e11500dfb6f).attrs({
+  orientation: "vertical"
+}).withConfig({
+  displayName: "UserMenu__Container",
+  componentId: "sc-vvgsl3-0"
+})(addStyledProps);
+var UserMenu = {
+  Header: Header$2,
+  Container: Container,
+  Item: Item$1,
+  MobileItem: MobileItem
+};
+
+var NavigationMenuContent = styled($322c88a641701f3b$export$7c6e2c02157bb7d2).attrs(disableHoverEvents).withConfig({
+  displayName: "NavigationMenuContent",
+  componentId: "sc-dchpnw-0"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    position: "absolute",
+    top: "calc(100% + " + theme.space.x1 + ")",
+    display: "flex",
+    flexDirection: "column",
+    borderRadius: theme.radii.large,
+    background: theme.colors.white,
+    boxShadow: theme.shadows.large,
+    width: "calc(100vw - (" + theme.space.x4 + "))",
+    maxWidth: NAVIGATION_MENU_CONTENT_WIDTH_MAX_WIDTH_PX,
+    paddingTop: theme.space.x2,
+    paddingBottom: theme.space.x2,
+    paddingLeft: theme.space.none,
+    paddingRight: theme.space.none
+  };
+}, addStyledProps);
+
+var Link = /*#__PURE__*/React__default.forwardRef(function (_a, forwardedRef) {
+  var children = _a.children,
+    props = __rest(_a, ["children"]);
+  return /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$a6c7ac8248d6e38a, {
+    asChild: true
+  }, /*#__PURE__*/React__default.createElement(A, Object.assign({}, props, {
+    ref: forwardedRef
+  }), children));
+});
+Link.displayName = "Link";
+var A = styled$1("a").withConfig({
+  displayName: "Link__A",
+  componentId: "sc-1fx3wm3-0"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    textDecoration: "none",
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    alignSelf: "stretch",
+    paddingTop: theme.space.x1_5,
+    paddingRight: theme.space.x3,
+    paddingBottom: theme.space.x2,
+    paddingLeft: theme.space.x3,
+    transition: "background-color 250ms ease",
+    "&:hover, &:focus": {
+      backgroundColor: theme.colors.lightBlue,
+      color: theme.colors.darkBlue,
+      outline: "none"
+    }
+  };
+});
+
+var FullWidthItem = styled$1($322c88a641701f3b$export$6d08773d2e66f8f2).withConfig({
+  displayName: "Item__FullWidthItem",
+  componentId: "sc-1l4ljj9-0"
+})({
+  width: "100%"
+});
+var Item = /*#__PURE__*/React__default.forwardRef(function (_a, forwardedRef) {
+  var children = _a.children,
+    props = __rest(_a, ["children"]);
+  return /*#__PURE__*/React__default.createElement(FullWidthItem, Object.assign({}, props, {
+    ref: forwardedRef
+  }), children);
+});
+Item.displayName = "Item";
+
+var List = styled($322c88a641701f3b$export$54c2e3dc7acea9f5).withConfig({
+  displayName: "parts__List",
+  componentId: "sc-8zgtg7-0"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    margin: 0,
+    padding: 0,
+    gap: theme.space.x2,
+    listStyle: "none"
+  };
+});
+var Header$1 = styled("div").withConfig({
+  displayName: "parts__Header",
+  componentId: "sc-8zgtg7-1"
+})(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.space.x1
+  };
+});
+var Title = styled(Heading4).attrs({
+  color: "darkGrey",
+  compact: true
+}).withConfig({
+  displayName: "parts__Title",
+  componentId: "sc-8zgtg7-2"
+})({});
+var Description = styled(Text).attrs({
+  color: "midGrey",
+  fontSize: "smaller"
+}).withConfig({
+  displayName: "parts__Description",
+  componentId: "sc-8zgtg7-3"
+})({});
+var AppSwitcher = {
+  Content: NavigationMenuContent,
+  List: List,
+  Item: Item,
+  Link: Link,
+  Header: Header$1,
+  Title: Title,
+  Description: Description
+};
+
+var apps = function apps(t) {
+  return [{
+    id: "connections",
+    label: t("Connections"),
+    description: t("connections app description")
+  }, {
+    id: "digital-quality-inspection",
+    label: t("Digital Quality Inspection"),
+    description: t("digital quality inspection app description")
+  }, {
+    id: "production-scheduling",
+    label: t("Production Scheduling"),
+    description: t("production scheduling app description")
+  }, {
+    id: "shop-floor",
+    label: t("Shop Floor Control"),
+    description: t("shop floor control app description")
+  }, {
+    id: "supplier-collaboration",
+    label: t("Supplier Collaboration"),
+    description: t("supplier collaboration app description")
+  }, {
+    id: "smart-factory",
+    label: t("Smart Factory"),
+    description: t("smart factory app description")
+  }, {
+    id: "data",
+    label: t("Data"),
+    description: t("data app description")
+  }];
+};
+function NulogyAppSwitcher(_ref) {
+  var config = _ref.config;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var includedApps = useMemo(function () {
+    if (!config) return [];
+    return apps(t).filter(function (app) {
+      var _a;
+      var appConfig = config.apps[app.id];
+      return Boolean(appConfig) && ((_a = appConfig.visible) !== null && _a !== void 0 ? _a : true);
+    }).map(function (app) {
+      var appConfig = config.apps[app.id];
+      return Object.assign(Object.assign({}, app), {
+        url: appConfig.url,
+        indicator: appConfig.indicator
+      });
+    });
+  }, [config, t]);
+  if (!config) return null;
+  return /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$6d08773d2e66f8f2, null, /*#__PURE__*/React__default.createElement(NavigationMenuIconTrigger, {
+    "aria-label": t("toggle app switcher")
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    icon: "apps",
+    size: "x3"
+  })), /*#__PURE__*/React__default.createElement(NavigationMenuContent, {
+    left: 0,
+    "aria-label": t("app switcher")
+  }, /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$d7a01e11500dfb6f, null, /*#__PURE__*/React__default.createElement(AppSwitcher.List, null, includedApps.map(function (app) {
+    return /*#__PURE__*/React__default.createElement(AppSwitcher.Item, {
+      key: app.id
+    }, /*#__PURE__*/React__default.createElement(AppSwitcher.Link, {
+      href: app.url,
+      "aria-label": app.label
+    }, app.indicator ? (/*#__PURE__*/React__default.createElement(AppSwitcher.Header, null, /*#__PURE__*/React__default.createElement(AppSwitcher.Title, null, app.label), app.indicator)) : (/*#__PURE__*/React__default.createElement(AppSwitcher.Title, null, app.label)), /*#__PURE__*/React__default.createElement(AppSwitcher.Description, null, app.description)));
+  })))));
+}
+
+var useResponsiveMenu = function useResponsiveMenu(initialMenuItems) {
+  var _useState = useState({
+      menuItems: initialMenuItems,
+      moreMenu: [],
+      hiddenMenuItem: {
+        key: "hidden-menu-item",
+        label: "",
+        type: "button"
+      }
+    }),
+    menuState = _useState[0],
+    setMenuState = _useState[1];
+  var primaryMenuRef = useRef(null);
+  var secondaryMenuRef = useRef(null);
+  var hiddenButtonRef = useRef(null);
+  var calculateDistance = useCallback(function () {
+    if (!primaryMenuRef.current || !secondaryMenuRef.current || !hiddenButtonRef.current) {
+      return false;
+    }
+    var primaryRect = primaryMenuRef.current.getBoundingClientRect();
+    var secondaryRect = secondaryMenuRef.current.getBoundingClientRect();
+    var hiddenButtonWidth = hiddenButtonRef.current.getBoundingClientRect().width;
+    var distance = secondaryRect.left - primaryRect.right;
+    if (distance < MIN_DISTANCE_BETWEEN_MENUS_PX && menuState.menuItems.length > 0) {
+      var lastItem = menuState.menuItems[menuState.menuItems.length - 1];
+      var newMenuItems = menuState.menuItems.slice(0, -1);
+      var newHiddenMenu = [lastItem].concat(menuState.moreMenu);
+      if (!equal(newMenuItems, menuState.menuItems) || !equal(newHiddenMenu, menuState.moreMenu)) {
+        setMenuState({
+          menuItems: newMenuItems,
+          moreMenu: newHiddenMenu,
+          hiddenMenuItem: lastItem
+        });
+      }
+    } else if (Math.floor(distance - hiddenButtonWidth - 8) > MIN_DISTANCE_BETWEEN_MENUS_PX && menuState.moreMenu.length > 0) {
+      var firstHiddenItem = menuState.moreMenu[0];
+      var _newHiddenMenu = menuState.moreMenu.slice(1);
+      var _newMenuItems = [].concat(menuState.menuItems, [firstHiddenItem]);
+      if (!equal(_newHiddenMenu, menuState.moreMenu) || !equal(_newMenuItems, menuState.menuItems)) {
+        setMenuState({
+          menuItems: _newMenuItems,
+          moreMenu: _newHiddenMenu,
+          hiddenMenuItem: firstHiddenItem
+        });
+      }
+    }
+  }, [menuState]);
+  useLayoutEffect(function () {
+    calculateDistance();
+    window.addEventListener("resize", calculateDistance);
+    return function () {
+      window.removeEventListener("resize", calculateDistance);
+    };
+  }, [calculateDistance]);
+  return {
+    menuItems: menuState.menuItems,
+    moreMenu: menuState.moreMenu,
+    hiddenMenuItem: menuState.hiddenMenuItem,
+    primaryMenuRef: primaryMenuRef,
+    secondaryMenuRef: secondaryMenuRef,
+    hiddenButtonRef: hiddenButtonRef
+  };
+};
+
+function SvgNulogyLogo(props) {
+  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 102 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    d: "M23.4218 0.867146L27.759 2.60144V18.2175C27.759 21.5706 23.6157 22.1596 20.8189 22.5547C22.4185 22.1596 23.4307 21.7156 23.4218 18.2175V4.33721L19.0846 2.60144L23.4218 0.867146ZM5.20435 21.6875V12.1474C5.20435 11.1871 5.925 10.1009 6.79955 9.72653L11.2773 7.80283V13.8699L15.6145 16.4846C16.4891 16.9286 18.2175 16.9389 18.2175 15.616V13.0131L16.4802 12.1445V0L3.2555 4.87288C1.45757 5.53434 0 7.61934 0 9.54304V23.8569L5.20435 21.6875Z",
+    fill: "#F0B41C"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M36.7354 18.4818H32.8096V7.1808H36.435V9.07491C36.9583 8.39756 37.6125 7.83242 38.3587 7.41313C39.0371 7.04867 39.7964 6.86089 40.5665 6.86709C41.7622 6.86709 42.6693 7.20991 43.2878 7.89553C43.9064 8.58116 44.2156 9.58444 44.2156 10.9054V18.4818H40.3105V12.0078C40.3105 11.4159 40.1892 10.9685 39.9465 10.6657C39.7038 10.3628 39.3442 10.2148 38.8678 10.2217C38.1831 10.2217 37.6563 10.4516 37.2874 10.9113C36.9184 11.371 36.7344 12.0404 36.7354 12.9194V18.4818Z",
+    fill: "#1C68A5"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M54.0493 6.86694H57.9515V17.2594L54.3261 18.7081V16.5003C53.802 17.1785 53.148 17.7454 52.4024 18.168C51.7277 18.5291 50.9731 18.7149 50.2079 18.7081C49.0102 18.7081 48.1007 18.3628 47.4792 17.6722C46.8577 16.9817 46.5459 15.9779 46.5439 14.6609V6.86694H50.4698V13.5659C50.4698 14.1578 50.5911 14.6071 50.8338 14.9139C51.0765 15.2207 51.4361 15.3732 51.9126 15.3712C52.6031 15.3712 53.1299 15.1394 53.4929 14.6757C53.856 14.212 54.04 13.5451 54.0449 12.675L54.0493 6.86694Z",
+    fill: "#1C68A5"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M62.349 18.7354H60.2773V0.830151L62.349 0V18.7354Z",
+    fill: "#1C68A5"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M64.0928 13.0257C64.0928 11.2362 64.6615 9.76236 65.7989 8.60419C66.9364 7.44603 68.3787 6.86694 70.1258 6.86694C71.8729 6.86694 73.3152 7.44603 74.4526 8.60419C75.5901 9.76236 76.1588 11.2362 76.1588 13.0257C76.1588 14.8232 75.5901 16.3029 74.4526 17.4651C73.3152 18.6272 71.8729 19.2063 70.1258 19.2023C68.3856 19.2023 66.9453 18.6232 65.8049 17.4651C64.6645 16.3069 64.0938 14.8271 64.0928 13.0257ZM66.1497 13.0257C66.1497 14.4315 66.5132 15.5626 67.2402 16.4189C67.9673 17.2752 68.9208 17.7038 70.1006 17.7048C71.2845 17.7048 72.2419 17.2761 72.9729 16.4189C73.7039 15.5616 74.0719 14.4305 74.0768 13.0257C74.0768 11.6298 73.7088 10.5032 72.9729 9.64595C72.2369 8.78867 71.2795 8.36053 70.1006 8.36151C68.9168 8.36151 67.9634 8.79015 67.2402 9.64743C66.5171 10.5047 66.1536 11.6308 66.1497 13.0257Z",
+    fill: "#1C68A5"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M86.2825 17.9933C85.7073 18.3338 85.0919 18.6013 84.4505 18.7895C83.8592 18.9596 83.2471 19.0463 82.6319 19.0469C80.9686 19.0469 79.6245 18.495 78.5995 17.3911C77.5745 16.2872 77.0625 14.8365 77.0635 13.0391C77.0635 11.2071 77.611 9.72043 78.706 8.57904C79.8011 7.43764 81.2315 6.86694 82.9974 6.86694C83.5542 6.87509 84.1095 6.92854 84.6577 7.02676C85.289 7.13133 86.0191 7.29213 86.8477 7.50916L88.3142 6.91726V17.1129C88.3142 18.4753 88.2496 19.4721 88.1203 20.1035C88.0069 20.6938 87.7835 21.2575 87.4618 21.7653C86.9756 22.5003 86.284 23.0761 85.473 23.4211C84.5283 23.8233 83.5089 24.0201 82.4824 23.9982C81.7434 23.9982 81.0074 23.9037 80.2923 23.7171C79.5452 23.5188 78.8236 23.2342 78.1422 22.8692L77.8034 20.4113L79.3201 21.4027C79.7777 21.6876 80.277 21.8993 80.7999 22.0302C81.3712 22.1909 81.9614 22.275 82.5549 22.2802C83.7387 22.2802 84.6567 21.9843 85.3088 21.3924C85.9608 20.8005 86.2854 19.958 86.2825 18.8649V17.9933ZM86.2825 16.4499V9.21238C85.7948 8.96846 85.2843 8.77317 84.7583 8.62935C84.298 8.50417 83.8235 8.43901 83.3466 8.4355C82.0848 8.4355 81.0692 8.8597 80.2997 9.7081C79.5303 10.5565 79.145 11.6851 79.144 13.0938C79.144 14.4473 79.4893 15.5216 80.1799 16.3168C80.8704 17.1119 81.8007 17.509 82.9707 17.508C83.461 17.5022 83.9474 17.4218 84.4135 17.2697C85.0592 17.0516 85.6846 16.7773 86.2825 16.4499Z",
+    fill: "#1C68A5"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M90.0352 6.86694H92.1927L95.5784 15.7456L99.3044 6.86694H101.061L95.6672 19.3222L95.5784 19.4983C94.726 21.4378 94.0695 22.8189 93.6088 23.6416H91.364C91.8422 23.1454 92.2709 22.6037 92.644 22.0242C93.1111 21.2739 93.526 20.4922 93.8855 19.6847L94.6136 18.1176L90.0352 6.86694Z",
+    fill: "#1C68A5"
+  }));
+}
+
+function NulogyLogo(_ref) {
+  var app = _ref.app;
+  var appDisplayName = APP_DISPLAY_NAMES[app];
+  if (app && !(app in APP_DISPLAY_NAMES)) {
+    throw new Error("Invalid app name: " + app + ". Valid names are: " + Object.keys(APP_DISPLAY_NAMES).join(", "));
+  }
+  return /*#__PURE__*/React__default.createElement(Flex, {
+    alignItems: "flex-start",
+    justifyContent: "center",
+    flexDirection: appDisplayName ? "column" : "row"
+  }, /*#__PURE__*/React__default.createElement(SvgNulogyLogo, {
+    width: "102",
+    height: "24"
+  }), appDisplayName && (
+  /*#__PURE__*/
+  /*
+  This Text component is using custom properties that are not
+  in the theme because we're trying to match the branding
+  typography and colors of the Nulogy logo.
+  */
+  React__default.createElement(Text, {
+    fontSize: "10px",
+    lineHeight: "12px",
+    color: "#1C68A5",
+    fontWeight: "normal",
+    textTransform: "uppercase",
+    letterSpacing: "0.4px"
+  }, appDisplayName)));
+}
+
+var NavigationMenuLink = styled(NavigationMenuLink$1).withConfig({
+  displayName: "NavigationLogoLink__NavigationMenuLink",
+  componentId: "sc-1hn2kgx-0"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    display: "flex",
+    alignItems: "center",
+    padding: theme.space.x1
+  };
+});
+var NavigationLogoLink = function NavigationLogoLink(_a) {
+  var href = _a.href,
+    _a$renderAsFragment = _a.renderAsFragment,
+    renderAsFragment = _a$renderAsFragment === void 0 ? false : _a$renderAsFragment,
+    props = __rest(_a, ["href", "renderAsFragment"]);
+  return /*#__PURE__*/React__default.createElement(NavigationMenuLink, Object.assign({
+    href: href,
+    asChild: renderAsFragment
+  }, props));
+};
+
+function MoreMenuItem(_ref) {
+  var moreMenu = _ref.moreMenu;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default.createElement(NavigationMenuItem, {
+    item: {
+      key: "nds-primary-menu-more-item",
+      label: t("more"),
+      type: "button",
+      items: moreMenu
+    }
+  });
+}
+var HiddenNavigationMenuItem = styled(NavigationMenuItem).attrs({
+  tabIndex: -1,
+  "aria-hidden": true
+}).withConfig({
+  displayName: "MoreMenuItem__HiddenNavigationMenuItem",
+  componentId: "sc-zkmm5o-0"
+})({
+  position: "absolute",
+  visibility: "hidden"
+});
+
+function DesktopNav(_ref) {
+  var _ref$primaryNavigatio = _ref.primaryNavigation,
+    primaryNavigation = _ref$primaryNavigatio === void 0 ? [] : _ref$primaryNavigatio,
+    _ref$secondaryNavigat = _ref.secondaryNavigation,
+    secondaryNavigation = _ref$secondaryNavigat === void 0 ? [] : _ref$secondaryNavigat,
+    appSwitcher = _ref.appSwitcher,
+    secondaryLogo = _ref.secondaryLogo,
+    primaryLogo = _ref.primaryLogo,
+    userMenu = _ref.userMenu;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var userMenuExists = !!userMenu;
+  var _useResponsiveMenu = useResponsiveMenu(primaryNavigation),
+    menuItems = _useResponsiveMenu.menuItems,
+    moreMenu = _useResponsiveMenu.moreMenu,
+    hiddenMenuItem = _useResponsiveMenu.hiddenMenuItem,
+    primaryMenuRef = _useResponsiveMenu.primaryMenuRef,
+    secondaryMenuRef = _useResponsiveMenu.secondaryMenuRef,
+    hiddenButtonRef = _useResponsiveMenu.hiddenButtonRef;
+  var hasUserMenuContent = useMemo(function () {
+    return userMenuExists && (userMenu.header || userMenu.controls || userMenu.menuItems && userMenu.menuItems.length > 0);
+  }, [userMenuExists, userMenu]);
+  return /*#__PURE__*/React__default.createElement(NavigationMenuRoot, null, /*#__PURE__*/React__default.createElement(NavigationMenuList, {
+    ref: primaryMenuRef
+  }, /*#__PURE__*/React__default.createElement(NulogyAppSwitcher, {
+    config: appSwitcher
+  }), /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, {
+    display: "flex"
+  }, primaryLogo !== null && primaryLogo !== void 0 ? primaryLogo : (/*#__PURE__*/React__default.createElement(NavigationLogoLink, {
+    href: "/",
+    "aria-label": "Nulogy Logo"
+  }, /*#__PURE__*/React__default.createElement(NulogyLogo, null)))), menuItems.map(function (item) {
+    return /*#__PURE__*/React__default.createElement(NavigationMenuItem, {
+      key: item.key,
+      item: item
+    });
+  }), moreMenu.length > 0 && /*#__PURE__*/React__default.createElement(MoreMenuItem, {
+    moreMenu: moreMenu
+  }), hiddenMenuItem && /*#__PURE__*/React__default.createElement(HiddenNavigationMenuItem, {
+    ref: hiddenButtonRef,
+    item: hiddenMenuItem
+  })), /*#__PURE__*/React__default.createElement(NavigationMenuList, {
+    ref: secondaryMenuRef
+  }, secondaryNavigation.map(function (item) {
+    return /*#__PURE__*/React__default.createElement(NavigationMenuItem, {
+      key: item.key,
+      item: item
+    });
+  }), secondaryNavigation.length > 0 && userMenuExists && /*#__PURE__*/React__default.createElement(VerticalDivider, null), secondaryLogo && /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, {
+    display: "flex"
+  }, secondaryLogo), secondaryLogo && userMenuExists && /*#__PURE__*/React__default.createElement(VerticalDivider, null), userMenuExists && (/*#__PURE__*/React__default.createElement($322c88a641701f3b$export$6d08773d2e66f8f2, null, /*#__PURE__*/React__default.createElement(NavigationMenuTrigger, {
+    py: "half",
+    disabled: !hasUserMenuContent,
+    "aria-label": t("toggle user menu")
+  }, /*#__PURE__*/React__default.createElement(Flex, {
+    flexDirection: "column",
+    alignItems: "flex-start"
+  }, /*#__PURE__*/React__default.createElement(TruncatedText, {
+    showTooltip: false,
+    fontSize: "smaller",
+    lineHeight: "smallerText",
+    fontWeight: "normal"
+  }, userMenu.triggerText.title), userMenu.triggerText.subtitle1 && (/*#__PURE__*/React__default.createElement(TruncatedText, {
+    showTooltip: false,
+    fontSize: "smaller",
+    lineHeight: "smallerText",
+    fontWeight: "normal"
+  }, userMenu.triggerText.subtitle1)), userMenu.triggerText.subtitle2 && (/*#__PURE__*/React__default.createElement(TruncatedText, {
+    showTooltip: false,
+    fontSize: "smaller",
+    lineHeight: "smallerText",
+    fontWeight: "normal"
+  }, userMenu.triggerText.subtitle2))), hasUserMenuContent && /*#__PURE__*/React__default.createElement(CaretDown, {
+    icon: "downArrow",
+    size: "x2",
+    "aria-hidden": true
+  })), hasUserMenuContent && (/*#__PURE__*/React__default.createElement(NavigationMenuContent, {
+    right: 0,
+    p: "none",
+    pt: userMenu.header || userMenu.controls ? "none" : "x1",
+    pb: userMenu.menuItems && userMenu.menuItems.length ? "x1" : "none",
+    "aria-label": t("user menu")
+  }, userMenu.header && /*#__PURE__*/React__default.createElement(UserMenu.Header, Object.assign({}, userMenu.header)), (userMenu.controls || userMenu.menuItems && userMenu.menuItems.length > 0) && (/*#__PURE__*/React__default.createElement(UserMenu.Container, {
+    p: "none",
+    display: "flex",
+    flexDirection: "column"
+  }, userMenu.controls && /*#__PURE__*/React__default.createElement(Box, {
+    p: "x2"
+  }, userMenu.controls({
+    withinMobileNav: false
+  })), userMenu.controls && userMenu.menuItems && userMenu.menuItems.length > 0 && (/*#__PURE__*/React__default.createElement(Box, {
+    px: "x2"
+  }, /*#__PURE__*/React__default.createElement(Divider$1, {
+    my: "x2"
+  }))), userMenu.menuItems && userMenu.menuItems.length > 0 && (/*#__PURE__*/React__default.createElement(Box, {
+    px: "none"
+  }, /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$d7a01e11500dfb6f, {
+    orientation: "vertical"
+  }, /*#__PURE__*/React__default.createElement(NavigationMenuSubList, null, userMenu.menuItems.map(function (item) {
+    return /*#__PURE__*/React__default.createElement(UserMenu.Item, {
+      key: item.key,
+      item: item
+    });
+  })))))))))))));
+}
+
+function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
+function getNavigationBarItems(items) {
+  var navigationBarItems = [];
+  function findNavigationBarItems(menuItems) {
+    for (var _iterator = _createForOfIteratorHelperLoose(menuItems), _step; !(_step = _iterator()).done;) {
+      var item = _step.value;
+      if (item.mobileVisibility === "navigationBar") {
+        navigationBarItems.push(item);
+      }
+      if (item.type === "button" && item.items) {
+        findNavigationBarItems(item.items);
+      }
+    }
+  }
+  findNavigationBarItems(items);
+  return navigationBarItems;
+}
+
+var MobileMenuItem = /*#__PURE__*/React__default.forwardRef(function (_a, forwardedRef) {
+  var menuItem = _a.menuItem,
+    _a$level = _a.level,
+    level = _a$level === void 0 ? 0 : _a$level,
+    props = __rest(_a, ["menuItem", "level"]);
+  if (menuItem.mobileVisibility !== undefined && menuItem.mobileVisibility !== "navigationMenu") {
+    return null;
+  }
+  /* -------------------------------------------------------------------
+   * Separator
+   * -----------------------------------------------------------------*/
+  if (menuItem.type === "separator") {
+    return /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, Object.assign({
+      ref: forwardedRef
+    }, props), /*#__PURE__*/React__default.createElement(IndentedContainer, {
+      level: level
+    }, /*#__PURE__*/React__default.createElement(Divider$1, {
+      secondary: level > 0,
+      my: "x2"
+    })));
+  }
+  /* -------------------------------------------------------------------
+   * Custom render fragment
+   * -----------------------------------------------------------------*/
+  if (menuItem.type === "custom") {
+    return /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, Object.assign({
+      ref: forwardedRef
+    }, props), /*#__PURE__*/React__default.createElement(IndentedContainer, {
+      level: level
+    }, menuItem.render({
+      withinSubMenu: level > 0,
+      level: level,
+      withinMobileNav: true
+    })));
+  }
+  /* -------------------------------------------------------------------
+   * Helpers shared by link & button
+   * -----------------------------------------------------------------*/
+  var hasIcon = "icon" in menuItem;
+  var hasLabel = "label" in menuItem && !!menuItem.label;
+  var hasTooltip = "tooltip" in menuItem && !!menuItem.tooltip;
+  var IconFragment = hasIcon ? /*#__PURE__*/React__default.createElement(Icon, {
+    icon: menuItem.icon,
+    size: "x3",
+    "aria-hidden": true
+  }) : null;
+  // Determine the text to display: use label if available, otherwise use tooltip if icon is present
+  var labelText = hasLabel ? menuItem.label : hasIcon && hasTooltip ? menuItem.tooltip : null;
+  var LabelFragment = labelText ? (/*#__PURE__*/React__default.createElement(Text, {
+    fontSize: "small",
+    lineHeight: "smallTextCompressed"
+  }, labelText)) : null;
+  /* -------------------------------------------------------------------
+   * Link
+   * -----------------------------------------------------------------*/
+  if (menuItem.type === "link") {
+    return /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, Object.assign({
+      ref: forwardedRef
+    }, props), /*#__PURE__*/React__default.createElement(IndentedContainer, {
+      level: level
+    }, /*#__PURE__*/React__default.createElement(MobileNavigationLink, {
+      asChild: true
+    }, menuItem.element ? (/*#__PURE__*/React__default.cloneElement(menuItem.element, Object.assign(Object.assign({}, menuItem.props), {
+      children: (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, IconFragment, LabelFragment))
+    }))) : (/*#__PURE__*/React__default.createElement("a", Object.assign({}, menuItem.props), IconFragment, LabelFragment)))));
+  }
+  /* -------------------------------------------------------------------
+   * Button
+   * -----------------------------------------------------------------*/
+  if (menuItem.type === "button") {
+    var hasItems = !!menuItem.items && menuItem.items.length > 0;
+    // Button with nested items – show group label then children
+    if (hasItems) {
+      return /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, Object.assign({
+        ref: forwardedRef
+      }, props), LabelFragment && (/*#__PURE__*/React__default.createElement(IndentedContainer, {
+        level: level
+      }, /*#__PURE__*/React__default.createElement(MenuItemGroupLabel, null, labelText))), /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$d7a01e11500dfb6f, {
+        orientation: "vertical"
+      }, /*#__PURE__*/React__default.createElement(NavigationMenuSubList, null, (menuItem.items || []).map(function (item) {
+        return /*#__PURE__*/React__default.createElement(MobileMenuItem, {
+          key: item.key,
+          menuItem: item,
+          level: level + 1
+        });
+      }))));
+    }
+    // Simple button with no children
+    return /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, Object.assign({
+      ref: forwardedRef
+    }, props), /*#__PURE__*/React__default.createElement(IndentedContainer, {
+      level: level
+    }, /*#__PURE__*/React__default.createElement(MobileNavigationButton, Object.assign({}, "props" in menuItem ? menuItem.props : {}), IconFragment, LabelFragment)));
+  }
+  return null;
+});
+MobileMenuItem.displayName = "MobileMenuItem";
+
+function MobileNav(_ref) {
+  var _ref$primaryNavigatio = _ref.primaryNavigation,
+    primaryNavigation = _ref$primaryNavigatio === void 0 ? [] : _ref$primaryNavigatio,
+    _ref$secondaryNavigat = _ref.secondaryNavigation,
+    secondaryNavigation = _ref$secondaryNavigat === void 0 ? [] : _ref$secondaryNavigat,
+    appSwitcher = _ref.appSwitcher,
+    primaryLogo = _ref.primaryLogo,
+    secondaryLogo = _ref.secondaryLogo,
+    userMenu = _ref.userMenu;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default.createElement(NavigationMenuRoot, null, /*#__PURE__*/React__default.createElement(NavigationMenuList, null, /*#__PURE__*/React__default.createElement(NulogyAppSwitcher, {
+    config: appSwitcher
+  }), /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, {
+    display: "flex"
+  }, primaryLogo !== null && primaryLogo !== void 0 ? primaryLogo : (/*#__PURE__*/React__default.createElement(NavigationLogoLink, {
+    href: "/",
+    "aria-label": t("nulogy logo")
+  }, /*#__PURE__*/React__default.createElement(NulogyLogo, null))))), (primaryNavigation.length > 0 || secondaryNavigation.length > 0 || userMenu) && (/*#__PURE__*/React__default.createElement(NavigationMenuList, null, getNavigationBarItems([].concat(primaryNavigation, secondaryNavigation)).map(function (item) {
+    return /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$6d08773d2e66f8f2, {
+      key: item.key
+    }, /*#__PURE__*/React__default.createElement(NavigationMenuItem, {
+      item: item
+    }));
+  }), /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$6d08773d2e66f8f2, null, /*#__PURE__*/React__default.createElement(NavigationMenuTrigger, {
+    "aria-label": t("toggle mobile menu")
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    icon: "menu"
+  })), /*#__PURE__*/React__default.createElement(NavigationMenuContent, {
+    right: 0
+  }, /*#__PURE__*/React__default.createElement(UserMenu.Container, {
+    p: "none",
+    display: "flex",
+    flexDirection: "column",
+    gap: "x4"
+  }, primaryNavigation.length > 0 && (/*#__PURE__*/React__default.createElement(Box, {
+    px: "x2"
+  }, /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$d7a01e11500dfb6f, {
+    orientation: "vertical"
+  }, /*#__PURE__*/React__default.createElement(NavigationMenuSubList, null, primaryNavigation.map(function (item) {
+    return /*#__PURE__*/React__default.createElement(MobileMenuItem, {
+      menuItem: item,
+      key: item.key
+    });
+  }))))), secondaryNavigation.length > 0 && (/*#__PURE__*/React__default.createElement(Box, {
+    px: "x2"
+  }, /*#__PURE__*/React__default.createElement($322c88a641701f3b$export$d7a01e11500dfb6f, {
+    orientation: "vertical"
+  }, /*#__PURE__*/React__default.createElement(NavigationMenuSubList, null, secondaryNavigation.map(function (item) {
+    return /*#__PURE__*/React__default.createElement(MobileMenuItem, {
+      menuItem: item,
+      key: item.key
+    });
+  }))))), userMenu && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, userMenu.header && (/*#__PURE__*/React__default.createElement(Box, {
+    px: "x2"
+  }, /*#__PURE__*/React__default.createElement(UserMenu.Header, Object.assign({}, userMenu.header, {
+    containerProps: {
+      borderRadius: "large"
+    }
+  })))), userMenu.controls && /*#__PURE__*/React__default.createElement(Box, {
+    px: "x2"
+  }, userMenu.controls({
+    withinMobileNav: true
+  })), userMenu.menuItems && userMenu.menuItems.length > 0 && (/*#__PURE__*/React__default.createElement(Box, {
+    px: "none"
+  }, /*#__PURE__*/React__default.createElement(NavigationMenuSubList, null, userMenu.menuItems.map(function (item) {
+    return /*#__PURE__*/React__default.createElement(UserMenu.MobileItem, {
+      key: item.key,
+      item: item
+    });
+  }))))))), secondaryLogo && (/*#__PURE__*/React__default.createElement(MobileSecondaryLogoContainer, null, /*#__PURE__*/React__default.createElement(NavigationMenuSubList, null, /*#__PURE__*/React__default.createElement(RadixNavigationMenuItem, null, secondaryLogo)))))))));
+}
+
+var Navigation$1 = function Navigation(_a) {
+  var _b;
+  var _a$breakpoint = _a.breakpoint,
+    breakpoint = _a$breakpoint === void 0 ? NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY : _a$breakpoint,
+    props = __rest(_a, ["breakpoint"]);
+  var theme = useTheme();
+  var query = ((_b = theme === null || theme === void 0 ? void 0 : theme.breakpoints) === null || _b === void 0 ? void 0 : _b[breakpoint]) ? breakpoint : "(min-width: " + breakpoint + ")";
+  var largeScreen = useMediaQuery(query);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, largeScreen ? /*#__PURE__*/React__default.createElement(DesktopNav, Object.assign({}, props)) : /*#__PURE__*/React__default.createElement(MobileNav, Object.assign({}, props)));
+};
+
+var LogoContainer = styled.div.withConfig({
+  displayName: "NavigationLogo__LogoContainer",
+  componentId: "sc-105ygxh-0"
+})(function (_ref) {
+  var $maxWidth = _ref.$maxWidth,
+    $maxHeight = _ref.$maxHeight;
+  return {
+    display: "flex",
+    alignItems: "center",
+    maxWidth: $maxWidth !== null && $maxWidth !== void 0 ? $maxWidth : "184px",
+    maxHeight: $maxHeight !== null && $maxHeight !== void 0 ? $maxHeight : "36px",
+    "& > *": {
+      width: "100%",
+      objectFit: "contain"
+    }
+  };
+});
+var NavigationLogo = function NavigationLogo(_a) {
+  var children = _a.children,
+    maxWidth = _a.maxWidth,
+    maxHeight = _a.maxHeight,
+    props = __rest(_a, ["children", "maxWidth", "maxHeight"]);
+  return /*#__PURE__*/React__default.createElement(LogoContainer, Object.assign({
+    "$maxWidth": maxWidth,
+    "$maxHeight": maxHeight
+  }, props), children);
+};
+
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? Object(arguments[i]) : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === 'function') {
+      ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function (key) {
+      _defineProperty$1(target, key, source[key]);
+    });
+  }
+  return target;
+}
+
+var consoleLogger = {
+  type: 'logger',
+  log: function log(args) {
+    this.output('log', args);
+  },
+  warn: function warn(args) {
+    this.output('warn', args);
+  },
+  error: function error(args) {
+    this.output('error', args);
+  },
+  output: function output(type, args) {
+    if (console && console[type]) console[type].apply(console, args);
+  }
+};
+
+var Logger = function () {
+  function Logger(concreteLogger) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    _classCallCheck(this, Logger);
+
+    this.init(concreteLogger, options);
+  }
+
+  _createClass(Logger, [{
+    key: "init",
+    value: function init(concreteLogger) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      this.prefix = options.prefix || 'i18next:';
+      this.logger = concreteLogger || consoleLogger;
+      this.options = options;
+      this.debug = options.debug;
+    }
+  }, {
+    key: "setDebug",
+    value: function setDebug(bool) {
+      this.debug = bool;
+    }
+  }, {
+    key: "log",
+    value: function log() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      return this.forward(args, 'log', '', true);
+    }
+  }, {
+    key: "warn",
     value: function warn() {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
@@ -46755,7 +49015,21 @@ var de_DE = {
   "weekPicker date format": "'KW'ww - d. MMM yyyy",
   "weekPicker placeholder": "KW52 - 31. Dez 2023",
   "week shorthand": "KW",
-  "no options": "Keine Optionen"
+  more: "Mehr",
+  "no options": "Keine Optionen",
+  "nulogy logo": "Nulogy-Logo",
+  "toggle user menu": "Benutzer-Men\xFC umschalten",
+  "user menu": "Benutzer-Men\xFC",
+  "toggle app switcher": "App-Umschalter umschalten",
+  "app switcher": "App-Umschalter",
+  "toggle mobile menu": "Mobiles Men\xFC umschalten",
+  "connections app description": "Verbinden Sie interne, Kunden- und Lieferantensysteme mit Self-Service-Low-Code/No-Code-Tools",
+  "data app description": "Direkter Zugriff auf gesch\xE4ftsfertige Daten zur Erleichterung von Analysen und Entscheidungsintelligenz",
+  "digital quality inspection app description": "Digitalisieren Sie Qualit\xE4tspr\xFCfungen mit tabletbasierten Inspektionen, E-Signaturen und vollst\xE4ndigen Audit-Trails",
+  "production scheduling app description": "Visualisieren und optimieren Sie Ihren Produktionsplan anhand von Bedarf, Ausfallzeiten, Produktionsraten und mehr",
+  "shop floor control app description": "Verwalten Sie den Fertigungsbereich, um Transparenz, Geschwindigkeit und betriebliche Effizienz zu steigern",
+  "supplier collaboration app description": "Arbeiten Sie in Echtzeit mit Partnern im Lieferkettennetzwerk zusammen, um Transparenz und Reaktionsf\xE4higkeit zu verbessern",
+  "smart factory app description": "Automatisieren Sie die Maschinendatenerfassung, um Ausfallzeiten zu reduzieren und den Produktionsdurchsatz zu verbessern"
 };
 var en_US = {
   "close menu": "Close menu",
@@ -46804,7 +49078,21 @@ var en_US = {
   "time range": "Time range",
   "weekPicker date format": "'W'ww - MMM d, yyyy",
   "weekPicker placeholder": "W52 - Dec 31, 2023",
-  "week shorthand": "W"
+  "week shorthand": "W",
+  more: "More",
+  "nulogy logo": "Nulogy logo",
+  "toggle user menu": "Toggle user menu",
+  "user menu": "User menu",
+  "toggle app switcher": "Toggle app switcher",
+  "app switcher": "App switcher",
+  "toggle mobile menu": "Toggle mobile menu",
+  "connections app description": "Connect internal, customer and supplier systems with self-serve low-code/no-code tools",
+  "data app description": "Direct access to business ready data to facilitate analytics and decision intelligence",
+  "digital quality inspection app description": "Digitize quality checks with tablet-based inspections, e-signatures, and full audit trails",
+  "production scheduling app description": "Visualize and optimize your production schedule using demand, downtimes, run rates, and more",
+  "shop floor control app description": "Manage shop floor operations to boost visibility, speed, and operational efficiency",
+  "supplier collaboration app description": "Collaborate in real time with supply chain network partners for enhanced visibility and responsiveness",
+  "smart factory app description": "Automate machine data capture to reduce downtime and improve production throughput"
 };
 var es_ES = {
   "close menu": "Cerrar men\xFA",
@@ -46853,7 +49141,21 @@ var es_ES = {
   "weekPicker date format": "'S'ww - d MMM, yyyy",
   "weekPicker placeholder": "S52 - 31 dic, 2023",
   "week shorthand": "S",
-  "no options": "Sin opciones"
+  more: "M\xE1s",
+  "no options": "Sin opciones",
+  "nulogy logo": "Logo de Nulogy",
+  "toggle user menu": "Alternar men\xFA de usuario",
+  "user menu": "Men\xFA de usuario",
+  "toggle app switcher": "Alternar selector de aplicaciones",
+  "app switcher": "Selector de aplicaciones",
+  "toggle mobile menu": "Alternar men\xFA m\xF3vil",
+  "connections app description": "Conecte sistemas internos, de clientes y proveedores con herramientas de autoservicio de bajo c\xF3digo/sin c\xF3digo",
+  "data app description": "Acceso directo a datos listos para el negocio para facilitar el an\xE1lisis y la inteligencia de decisiones",
+  "digital quality inspection app description": "Digitalice las comprobaciones de calidad con inspecciones basadas en tabletas, firmas electr\xF3nicas y seguimientos de auditor\xEDa completos",
+  "production scheduling app description": "Visualice y optimice su programa de producci\xF3n utilizando la demanda, los tiempos de inactividad, las tasas de producci\xF3n y m\xE1s",
+  "shop floor control app description": "Gestione las operaciones de la planta de producci\xF3n para aumentar la visibilidad, la velocidad y la eficiencia operativa",
+  "supplier collaboration app description": "Colabore en tiempo real con socios de la red de la cadena de suministro para mejorar la visibilidad y la capacidad de respuesta",
+  "smart factory app description": "Automatice la captura de datos de m\xE1quinas para reducir el tiempo de inactividad y mejorar el rendimiento de la producci\xF3n"
 };
 var es_MX = {
   "close menu": "Cerrar men\xFA",
@@ -46902,7 +49204,21 @@ var es_MX = {
   "weekPicker date format": "'S'ww - d MMM yyyy",
   "weekPicker placeholder": "S52 - 31 dic 2023",
   "week shorthand": "S",
-  "no options": "Sin opciones"
+  more: "M\xE1s",
+  "no options": "Sin opciones",
+  "nulogy logo": "Logo de Nulogy",
+  "user menu": "Men\xFA de usuario",
+  "app switcher": "Selector de aplicaciones",
+  "toggle user menu": "Alternar men\xFA de usuario",
+  "toggle app switcher": "Alternar selector de aplicaciones",
+  "toggle mobile menu": "Alternar men\xFA m\xF3vil",
+  "connections app description": "Conecte sistemas internos, de clientes y proveedores con herramientas de autoservicio de bajo c\xF3digo/sin c\xF3digo",
+  "data app description": "Acceso directo a datos listos para el negocio para facilitar el an\xE1lisis y la inteligencia de decisiones",
+  "digital quality inspection app description": "Digitalice las comprobaciones de calidad con inspecciones basadas en tabletas, firmas electr\xF3nicas y pistas de auditor\xEDa completas",
+  "production scheduling app description": "Visualice y optimice su programa de producci\xF3n utilizando la demanda, los tiempos de inactividad, las tasas de producci\xF3n y m\xE1s",
+  "shop floor control app description": "Gestione las operaciones del taller para impulsar la visibilidad, la velocidad y la eficiencia operativa",
+  "supplier collaboration app description": "Colabore en tiempo real con socios de la red de la cadena de suministro para mejorar la visibilidad y la capacidad de respuesta",
+  "smart factory app description": "Automatice la captura de datos de m\xE1quinas para reducir el tiempo de inactividad y mejorar el rendimiento de la producci\xF3n"
 };
 var fr_FR = {
   "close menu": "Fermer le menu",
@@ -46951,7 +49267,21 @@ var fr_FR = {
   "weekPicker date format": "'S'ww - d MMM yyyy",
   "weekPicker placeholder": "S52 - 31 d\xE9c. 2023",
   "week shorthand": "S",
-  "no options": "Aucune option"
+  more: "Plus",
+  "no options": "Aucune option",
+  "nulogy logo": "Logo Nulogy",
+  "toggle user menu": "Basculer le menu utilisateur",
+  "user menu": "Menu utilisateur",
+  "app switcher": "S\xE9lecteur d\u2019applications",
+  "toggle app switcher": "Basculer le s\xE9lecteur d\u2019applications",
+  "toggle mobile menu": "Basculer le menu mobile",
+  "connections app description": "Connectez les syst\xE8mes internes, clients et fournisseurs avec des outils low-code/no-code en libre-service",
+  "data app description": "Acc\xE8s direct aux donn\xE9es pr\xEAtes \xE0 l'emploi pour faciliter l'analyse et l'intelligence d\xE9cisionnelle",
+  "digital quality inspection app description": "Num\xE9risez les contr\xF4les qualit\xE9 avec des inspections sur tablette, des signatures \xE9lectroniques et des pistes d'audit compl\xE8tes",
+  "production scheduling app description": "Visualisez et optimisez votre calendrier de production en utilisant la demande, les temps d'arr\xEAt, les cadences de production, et plus encore",
+  "shop floor control app description": "G\xE9rez les op\xE9rations de l'atelier pour am\xE9liorer la visibilit\xE9, la vitesse et l'efficacit\xE9 op\xE9rationnelle",
+  "supplier collaboration app description": "Collaborez en temps r\xE9el avec les partenaires du r\xE9seau de la cha\xEEne d'approvisionnement pour une visibilit\xE9 et une r\xE9activit\xE9 accrues",
+  "smart factory app description": "Automatisez la capture des donn\xE9es machine pour r\xE9duire les temps d'arr\xEAt et am\xE9liorer le d\xE9bit de production"
 };
 var nl_NL = {
   "close menu": "Menu sluiten",
@@ -47000,7 +49330,21 @@ var nl_NL = {
   "weekPicker date format": "'W'ww - d MMM yyyy",
   "weekPicker placeholder": "W52 - 31 dec 2023",
   "week shorthand": "W",
-  "no options": "Geen opties"
+  more: "Meer",
+  "no options": "Geen opties",
+  "nulogy logo": "Nulogy-logo",
+  "user menu": "Gebruikersmenu",
+  "app switcher": "Appkiezer",
+  "toggle user menu": "Gebruikersmenu wisselen",
+  "toggle app switcher": "Appkiezer wisselen",
+  "toggle mobile menu": "Mobiel menu wisselen",
+  "connections app description": "Verbind interne, klant- en leverancierssystemen met self-service low-code/no-code tools",
+  "data app description": "Directe toegang tot bedrijfsklare gegevens om analyses en besluitvormingsintelligentie te faciliteren",
+  "digital quality inspection app description": "Digitaliseer kwaliteitscontroles met tabletgebaseerde inspecties, e-handtekeningen en volledige audittrails",
+  "production scheduling app description": "Visualiseer en optimaliseer uw productieschema met behulp van vraag, stilstandtijden, productiesnelheden en meer",
+  "shop floor control app description": "Beheer de werkvloeractiviteiten om de zichtbaarheid, snelheid en operationele effici\xEBntie te verhogen",
+  "supplier collaboration app description": "Werk in realtime samen met partners in het supply chain-netwerk voor verbeterde zichtbaarheid en responsiviteit",
+  "smart factory app description": "Automatiseer de gegevensverzameling van machines om stilstand te verminderen en de productiedoorvoer te verbeteren"
 };
 var pl_PL = {
   "close menu": "Zamknij menu",
@@ -47049,7 +49393,21 @@ var pl_PL = {
   "weekPicker date format": "'T'ww - d MMM yyyy",
   "weekPicker placeholder": "T52 - 31 gru 2023",
   "week shorthand": "T",
-  "no options": "Brak opcji"
+  more: "Wi\u0119cej",
+  "no options": "Brak opcji",
+  "nulogy logo": "Logo Nulogy",
+  "toggle user menu": "Prze\u0142\u0105cz menu u\u017Cytkownika",
+  "user menu": "Menu u\u017Cytkownika",
+  "app switcher": "Prze\u0142\u0105cznik aplikacji",
+  "toggle app switcher": "Prze\u0142\u0105cznik aplikacji",
+  "toggle mobile menu": "Prze\u0142\u0105cz menu mobilne",
+  "connections app description": "\u0141\u0105cz systemy wewn\u0119trzne, klient\xF3w i dostawc\xF3w za pomoc\u0105 narz\u0119dzi samoobs\u0142ugowych typu low-code/no-code",
+  "data app description": "Bezpo\u015Bredni dost\u0119p do danych gotowych do u\u017Cytku biznesowego w celu u\u0142atwienia analityki i inteligencji decyzyjnej",
+  "digital quality inspection app description": "Digitalizuj kontrole jako\u015Bci za pomoc\u0105 inspekcji na tabletach, podpis\xF3w elektronicznych i pe\u0142nych \u015Bcie\u017Cek audytu",
+  "production scheduling app description": "Wizualizuj i optymalizuj harmonogram produkcji, wykorzystuj\u0105c zapotrzebowanie, przestoje, tempo produkcji i inne",
+  "shop floor control app description": "Zarz\u0105dzaj operacjami na hali produkcyjnej, aby zwi\u0119kszy\u0107 widoczno\u015B\u0107, szybko\u015B\u0107 i wydajno\u015B\u0107 operacyjn\u0105",
+  "supplier collaboration app description": "Wsp\xF3\u0142pracuj w czasie rzeczywistym z partnerami w sieci \u0142a\u0144cucha dostaw, aby zwi\u0119kszy\u0107 widoczno\u015B\u0107 i responsywno\u015B\u0107",
+  "smart factory app description": "Automatyzuj przechwytywanie danych maszynowych, aby zredukowa\u0107 przestoje i poprawi\u0107 przepustowo\u015B\u0107 produkcji"
 };
 var pt_BR = {
   "close menu": "Fechar menu",
@@ -47098,7 +49456,21 @@ var pt_BR = {
   "weekPicker date format": "'S'ww - d 'de' MMM yyyy",
   "weekPicker placeholder": "S52 - 31 de dez 2023",
   "week shorthand": "S",
-  "no options": "Sem op\xE7\xF5es"
+  more: "Mais",
+  "no options": "Sem op\xE7\xF5es",
+  "nulogy logo": "Logo da Nulogy",
+  "user menu": "Menu de usu\xE1rio",
+  "toggle user menu": "Alternar menu de usu\xE1rio",
+  "app switcher": "Alternador de aplicativos",
+  "toggle app switcher": "Alternar alternador de aplicativos",
+  "toggle mobile menu": "Alternar menu m\xF3vel",
+  "connections app description": "Conecte sistemas internos, de clientes e fornecedores com ferramentas self-service de baixo c\xF3digo/sem c\xF3digo (low-code/no-code)",
+  "data app description": "Acesso direto a dados prontos para neg\xF3cios para facilitar an\xE1lises e intelig\xEAncia de decis\xE3o",
+  "digital quality inspection app description": "Digitalize verifica\xE7\xF5es de qualidade com inspe\xE7\xF5es baseadas em tablet, assinaturas eletr\xF4nicas e trilhas de auditoria completas",
+  "production scheduling app description": "Visualize e otimize seu cronograma de produ\xE7\xE3o usando demanda, tempos de inatividade, taxas de produ\xE7\xE3o e mais",
+  "shop floor control app description": "Gerencie as opera\xE7\xF5es do ch\xE3o de f\xE1brica para aumentar a visibilidade, a velocidade e a efici\xEAncia operacional",
+  "supplier collaboration app description": "Colabore em tempo real com parceiros da rede da cadeia de suprimentos para maior visibilidade e capacidade de resposta",
+  "smart factory app description": "Automatize a captura de dados de m\xE1quinas para reduzir o tempo de inatividade e mejorar o rendimento da produ\xE7\xE3o"
 };
 var ro_RO = {
   "close menu": "\xCEnchidere meniu",
@@ -47147,7 +49519,21 @@ var ro_RO = {
   "weekPicker date format": "'S'ww - d MMM yyyy",
   "weekPicker placeholder": "S52 - 31 dec. 2023",
   "week shorthand": "S",
-  "no options": "Nicio op\u021Biune"
+  more: "Mai mult",
+  "no options": "Nicio op\u021Biune",
+  "nulogy logo": "Sigla Nulogy",
+  "user menu": "Meniu utilizator",
+  "app switcher": "Comutator de aplica\u021Bii",
+  "toggle user menu": "Comutare meniu utilizator",
+  "toggle app switcher": "Comutare comutator de aplica\u021Bii",
+  "toggle mobile menu": "Comutare meniu mobil",
+  "connections app description": "Conecta\u021Bi sistemele interne, ale clien\u021Bilor \u0219i furnizorilor cu instrumente self-service low-code/no-code",
+  "data app description": "Acces direct la date preg\u0103tite pentru afaceri pentru a facilita analiza \u0219i inteligen\u021Ba decizional\u0103",
+  "digital quality inspection app description": "Digitaliza\u021Bi verific\u0103rile de calitate cu inspec\u021Bii pe tablet\u0103, semn\u0103turi electronice \u0219i piste de audit complete",
+  "production scheduling app description": "Vizualiza\u021Bi \u0219i optimiza\u021Bi programul de produc\u021Bie utiliz\xE2nd cererea, timpii de nefunc\u021Bionare, ratele de produc\u021Bie \u0219i multe altele",
+  "shop floor control app description": "Gestiona\u021Bi opera\u021Biunile din atelierul de produc\u021Bie pentru a spori vizibilitatea, viteza \u0219i eficien\u021Ba opera\u021Bional\u0103",
+  "supplier collaboration app description": "Colabora\u021Bi \xEEn timp real cu partenerii din re\u021Beaua lan\u021Bului de aprovizionare pentru vizibilitate \u0219i receptivitate sporite",
+  "smart factory app description": "Automatiza\u021Bi captarea datelor de la ma\u0219ini pentru a reduce timpul de nefunc\u021Bionare \u0219i a \xEEmbun\u0103t\u0103\u021Bi debitul de produc\u021Bie"
 };
 var zh_CN = {
   "close menu": "\u5173\u95ED\u83DC\u5355",
@@ -47196,7 +49582,21 @@ var zh_CN = {
   "weekPicker date format": "'\u5468'ww - yyyy\u5E74MMM d\u65E5",
   "weekPicker placeholder": "\u546852 - 2023\u5E7412\u670831\u65E5",
   "week shorthand": "\u5468",
-  "no options": "\u65E0\u9009\u9879"
+  more: "\u66F4\u591A",
+  "no options": "\u65E0\u9009\u9879",
+  "nulogy logo": "Nulogy \u6807\u5FD7",
+  "user menu": "\u7528\u6237\u83DC\u5355",
+  "app switcher": "\u5E94\u7528\u5207\u6362\u5668",
+  "toggle user menu": "\u5207\u6362\u7528\u6237\u83DC\u5355",
+  "toggle app switcher": "\u5207\u6362\u5E94\u7528\u5207\u6362\u5668",
+  "toggle mobile menu": "\u5207\u6362\u79FB\u52A8\u83DC\u5355",
+  "connections app description": "\u901A\u8FC7\u81EA\u52A9\u5F0F\u4F4E\u4EE3\u7801/\u65E0\u4EE3\u7801\u5DE5\u5177\u8FDE\u63A5\u5185\u90E8\u3001\u5BA2\u6237\u548C\u4F9B\u5E94\u5546\u7CFB\u7EDF",
+  "data app description": "\u76F4\u63A5\u8BBF\u95EE\u4E1A\u52A1\u5C31\u7EEA\u6570\u636E\uFF0C\u4EE5\u4FC3\u8FDB\u5206\u6790\u548C\u51B3\u7B56\u667A\u80FD",
+  "digital quality inspection app description": "\u901A\u8FC7\u57FA\u4E8E\u5E73\u677F\u7535\u8111\u7684\u68C0\u67E5\u3001\u7535\u5B50\u7B7E\u540D\u548C\u5B8C\u6574\u7684\u5BA1\u8BA1\u8FFD\u8E2A\uFF0C\u5B9E\u73B0\u8D28\u91CF\u68C0\u67E5\u6570\u5B57\u5316",
+  "production scheduling app description": "\u5229\u7528\u9700\u6C42\u3001\u505C\u673A\u65F6\u95F4\u3001\u8FD0\u884C\u7387\u7B49\u4FE1\u606F\uFF0C\u53EF\u89C6\u5316\u5E76\u4F18\u5316\u60A8\u7684\u751F\u4EA7\u8BA1\u5212",
+  "shop floor control app description": "\u7BA1\u7406\u8F66\u95F4\u8FD0\u8425\uFF0C\u4EE5\u63D0\u9AD8\u53EF\u89C1\u6027\u3001\u901F\u5EA6\u548C\u8FD0\u8425\u6548\u7387",
+  "supplier collaboration app description": "\u4E0E\u4F9B\u5E94\u94FE\u7F51\u7EDC\u5408\u4F5C\u4F19\u4F34\u5B9E\u65F6\u534F\u4F5C\uFF0C\u4EE5\u589E\u5F3A\u53EF\u89C1\u6027\u548C\u54CD\u5E94\u80FD\u529B",
+  "smart factory app description": "\u81EA\u52A8\u5316\u673A\u5668\u6570\u636E\u6355\u83B7\uFF0C\u4EE5\u51CF\u5C11\u505C\u673A\u65F6\u95F4\u5E76\u63D0\u9AD8\u751F\u4EA7\u541E\u5410\u91CF"
 };
 /* eslint-enable */
 var resources = {
@@ -49569,7 +51969,7 @@ function createListComponent(_ref) {
         className: className,
         onScroll: onScroll,
         ref: this._outerRefSetter,
-        style: _extends$b({
+        style: _extends$c({
           position: 'relative',
           height: height,
           width: width,
@@ -53374,26 +55774,4 @@ var TruncatedText = function TruncatedText(_a) {
   return fullWidth ? (/*#__PURE__*/React__default.createElement(TruncatedTextFillWidth, Object.assign({}, props), children)) : (/*#__PURE__*/React__default.createElement(TruncatedTextMaxCharacters, Object.assign({}, props), children));
 };
 
-var VerticalDivider = styled.div.withConfig({
-  displayName: "VerticalDivider",
-  componentId: "sc-18klwrc-0"
-})(function (_ref) {
-  var theme = _ref.theme,
-    color = _ref.color,
-    secondary = _ref.secondary;
-  return {
-    display: "inline",
-    borderLeftColor: color || (secondary ? theme.colors.whiteGrey : theme.colors.lightGrey),
-    borderLeftWidth: "1px",
-    borderLeftStyle: "solid",
-    borderTop: "none",
-    borderBottom: "none",
-    borderRight: "none",
-    height: theme.sizes.x2,
-    marginLeft: theme.space.x2,
-    marginRight: theme.space.x2
-  };
-}, addStyledProps);
-VerticalDivider.displayName = "VerticalDivider";
-
-export { ALL_NDS_LOCALES, Alert$1 as Alert, AnimatedBox, AppTag, ApplicationFrame, AsyncSelect, Banner, BottomSheet, BottomSheetParts, Box, BrandLogoContainer, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, DescriptionDetails, DescriptionGroup, DescriptionList, DescriptionTerm, DesktopMenu, Divider$1 as Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, EnvironmentBanner, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Header$1 as Header, Heading1, Heading2, Heading3, Heading4, HelpText$1 as HelpText, Icon, IconicButton, InlineFlex, InlineIcon, InlineValidation, Input, Link, List, ListItem, LoadingAnimation, MenuTrigger, Modal, MonthPicker, NDSProvider, NavBarBackground, NotificationTypes, Overlay$1 as Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, NDSSelect as Select, SelectClearIndicator, SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption$1 as SelectOption, Sidebar, SmallNavBar, SortingTable, StatusIndicator, StatusIndicatorValues, Summary, SummaryDivider, SummaryItem, Switch$1 as Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToastContainer, ToggleComponent as Toggle, Tooltip$1 as Tooltip, TopBar, TruncatedText, VerticalDivider, WeekPicker, addStyledProps, legacy as desktop, phone, tablet, themes, toast, useMediaQuery, useWindowDimensions };
+export { ALL_NDS_LOCALES, Alert$1 as Alert, AnimatedBox, AppTag, ApplicationFrame, AsyncSelect, Banner, BottomSheet, BottomSheetParts, Box, BrandLogoContainer, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button$1 as Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, DescriptionDetails, DescriptionGroup, DescriptionList, DescriptionTerm, DesktopMenu, Divider$1 as Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, EnvironmentBanner, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Header$3 as Header, Heading1, Heading2, Heading3, Heading4, HelpText$1 as HelpText, Icon, IconicButton, InlineFlex, InlineIcon, InlineValidation, Input, Link$1 as Link, List$1 as List, ListItem, LoadingAnimation, MenuTrigger, Modal, MonthPicker, NDSProvider, NavBarBackground, Navigation$1 as Navigation, NavigationLogo, NavigationLogoLink, NotificationTypes, NulogyLogo, Overlay$1 as Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, NDSSelect as Select, SelectClearIndicator, SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption$1 as SelectOption, Sidebar, SmallNavBar, SortingTable, StatusIndicator, StatusIndicatorValues, Summary, SummaryDivider, SummaryItem, Switch$1 as Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToastContainer, ToggleComponent as Toggle, Tooltip$1 as Tooltip, TopBar, TruncatedText, VerticalDivider, WeekPicker, addStyledProps, legacy as desktop, phone, tablet, themes, toast, useMediaQuery, useWindowDimensions };