@gobolt/genesis 0.7.3 → 0.8.0

package/dist/index.cjs

@@ -26,11 +26,6 @@ function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
 var classnames = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
 var hasRequiredClassnames;
 function requireClassnames() {
   if (hasRequiredClassnames) return classnames.exports;
@@ -107,9 +102,9 @@ function _typeof(o2) {
     return o3 && "function" == typeof Symbol && o3.constructor === Symbol && o3 !== Symbol.prototype ? "symbol" : typeof o3;
   }, _typeof(o2);
 }
-var REACT_ELEMENT_TYPE_18 = Symbol.for("react.element");
-var REACT_ELEMENT_TYPE_19 = Symbol.for("react.transitional.element");
-var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+var REACT_ELEMENT_TYPE_18 = /* @__PURE__ */ Symbol.for("react.element");
+var REACT_ELEMENT_TYPE_19 = /* @__PURE__ */ Symbol.for("react.transitional.element");
+var REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment");
 function isFragment$1(object4) {
   return (
     // Base object type
@@ -246,21 +241,12 @@ function findDOMNode(node2) {
 }
 var reactIs = { exports: {} };
 var reactIs_production_min = {};
-/**
- * @license React
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var hasRequiredReactIs_production_min;
 function requireReactIs_production_min() {
   if (hasRequiredReactIs_production_min) return reactIs_production_min;
   hasRequiredReactIs_production_min = 1;
-  var b = Symbol.for("react.element"), c = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), e3 = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), h = Symbol.for("react.context"), k = Symbol.for("react.server_context"), l2 = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), n2 = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), t2 = Symbol.for("react.offscreen"), u;
-  u = Symbol.for("react.module.reference");
+  var b = /* @__PURE__ */ Symbol.for("react.element"), c = /* @__PURE__ */ Symbol.for("react.portal"), d = /* @__PURE__ */ Symbol.for("react.fragment"), e3 = /* @__PURE__ */ Symbol.for("react.strict_mode"), f = /* @__PURE__ */ Symbol.for("react.profiler"), g = /* @__PURE__ */ Symbol.for("react.provider"), h = /* @__PURE__ */ Symbol.for("react.context"), k = /* @__PURE__ */ Symbol.for("react.server_context"), l2 = /* @__PURE__ */ Symbol.for("react.forward_ref"), m = /* @__PURE__ */ Symbol.for("react.suspense"), n2 = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), q = /* @__PURE__ */ Symbol.for("react.lazy"), t2 = /* @__PURE__ */ Symbol.for("react.offscreen"), u;
+  u = /* @__PURE__ */ Symbol.for("react.module.reference");
   function v(a) {
     if ("object" === typeof a && null !== a) {
       var r2 = a.$$typeof;
@@ -352,35 +338,26 @@ function requireReactIs_production_min() {
   return reactIs_production_min;
 }
 var reactIs_development = {};
-/**
- * @license React
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var hasRequiredReactIs_development;
 function requireReactIs_development() {
   if (hasRequiredReactIs_development) return reactIs_development;
   hasRequiredReactIs_development = 1;
   if (process.env.NODE_ENV !== "production") {
     (function() {
-      var REACT_ELEMENT_TYPE = Symbol.for("react.element");
-      var REACT_PORTAL_TYPE = Symbol.for("react.portal");
-      var REACT_FRAGMENT_TYPE2 = Symbol.for("react.fragment");
-      var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
-      var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-      var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
-      var REACT_CONTEXT_TYPE = Symbol.for("react.context");
-      var REACT_SERVER_CONTEXT_TYPE = Symbol.for("react.server_context");
-      var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
-      var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
-      var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
-      var REACT_MEMO_TYPE = Symbol.for("react.memo");
-      var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-      var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
+      var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.element");
+      var REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal");
+      var REACT_FRAGMENT_TYPE2 = /* @__PURE__ */ Symbol.for("react.fragment");
+      var REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode");
+      var REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler");
+      var REACT_PROVIDER_TYPE = /* @__PURE__ */ Symbol.for("react.provider");
+      var REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context");
+      var REACT_SERVER_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.server_context");
+      var REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref");
+      var REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense");
+      var REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list");
+      var REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo");
+      var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
+      var REACT_OFFSCREEN_TYPE = /* @__PURE__ */ Symbol.for("react.offscreen");
       var enableScopeAPI = false;
       var enableCacheElement = false;
       var enableTransitionTracing = false;
@@ -388,7 +365,7 @@ function requireReactIs_development() {
       var enableDebugTracing = false;
       var REACT_MODULE_REFERENCE;
       {
-        REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
+        REACT_MODULE_REFERENCE = /* @__PURE__ */ Symbol.for("react.module.reference");
       }
       function isValidElementType(type4) {
         if (typeof type4 === "string" || typeof type4 === "function") {
@@ -6462,7 +6439,7 @@ function MotionWrapper(props) {
   }
   return children2;
 }
-const PropWarning = /* @__PURE__ */ React__namespace.memo(({
+const PropWarning$1 = /* @__PURE__ */ React__namespace.memo(({
   dropdownMatchSelectWidth
 }) => {
   const warning3 = devUseWarning("ConfigProvider");
@@ -6470,9 +6447,9 @@ const PropWarning = /* @__PURE__ */ React__namespace.memo(({
   return null;
 });
 if (process.env.NODE_ENV !== "production") {
-  PropWarning.displayName = "PropWarning";
+  PropWarning$1.displayName = "PropWarning";
 }
-const PropWarning$1 = process.env.NODE_ENV !== "production" ? PropWarning : () => null;
+const PropWarning = process.env.NODE_ENV !== "production" ? PropWarning$1 : () => null;
 var __rest$Y = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
@@ -6725,7 +6702,7 @@ const ProviderChildren = (props) => {
     csp,
     layer: layer ? "antd" : void 0
   }), [iconPrefixCls, csp, layer]);
-  let childNode = /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(PropWarning$1, {
+  let childNode = /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(PropWarning, {
     dropdownMatchSelectWidth
   }), children2);
   const validateMessages = React__namespace.useMemo(() => {
@@ -7916,7 +7893,6 @@ function _regeneratorDefine(e3, r2, n2, t2) {
   }, _regeneratorDefine(e3, r2, n2, t2);
 }
 function _regenerator() {
-  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
   var e3, t2, r2 = "function" == typeof Symbol ? Symbol : {}, n2 = r2.iterator || "@@iterator", o2 = r2.toStringTag || "@@toStringTag";
   function i(r3, n3, o3, i2) {
     var c2 = n3 && n3.prototype instanceof Generator ? n3 : Generator, u2 = Object.create(c2.prototype);
@@ -11520,19 +11496,19 @@ function _wrapNativeSuper(t2) {
     if ("function" != typeof t3) throw new TypeError("Super expression must either be null or a function");
     if (void 0 !== r2) {
       if (r2.has(t3)) return r2.get(t3);
-      r2.set(t3, Wrapper);
+      r2.set(t3, Wrapper2);
     }
-    function Wrapper() {
+    function Wrapper2() {
       return _construct(t3, arguments, _getPrototypeOf(this).constructor);
     }
-    return Wrapper.prototype = Object.create(t3.prototype, {
+    return Wrapper2.prototype = Object.create(t3.prototype, {
       constructor: {
-        value: Wrapper,
+        value: Wrapper2,
         enumerable: false,
         writable: true,
         configurable: true
       }
-    }), _setPrototypeOf(Wrapper, t3);
+    }), _setPrototypeOf(Wrapper2, t3);
   }, _wrapNativeSuper(t2);
 }
 var formatRegExp = /%[sdj%]/g;
@@ -22480,7 +22456,7 @@ var placements$2 = {
   }
 };
 var _excluded$z = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle", "arrowContent", "overlay", "id", "showArrow", "classNames", "styles"];
-var Tooltip$3 = function Tooltip(props, ref) {
+var Tooltip$4 = function Tooltip(props, ref) {
   var overlayClassName = props.overlayClassName, _props$trigger = props.trigger, trigger = _props$trigger === void 0 ? ["hover"] : _props$trigger, _props$mouseEnterDela = props.mouseEnterDelay, mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela, _props$mouseLeaveDela = props.mouseLeaveDelay, mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela, overlayStyle = props.overlayStyle, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-tooltip" : _props$prefixCls, children2 = props.children, onVisibleChange = props.onVisibleChange, afterVisibleChange = props.afterVisibleChange, transitionName = props.transitionName, animation = props.animation, motion2 = props.motion, _props$placement = props.placement, placement = _props$placement === void 0 ? "right" : _props$placement, _props$align = props.align, align = _props$align === void 0 ? {} : _props$align, _props$destroyTooltip = props.destroyTooltipOnHide, destroyTooltipOnHide = _props$destroyTooltip === void 0 ? false : _props$destroyTooltip, defaultVisible = props.defaultVisible, getTooltipContainer = props.getTooltipContainer, overlayInnerStyle = props.overlayInnerStyle;
   props.arrowContent;
   var overlay = props.overlay, id2 = props.id, _props$showArrow = props.showArrow, showArrow = _props$showArrow === void 0 ? true : _props$showArrow, tooltipClassNames = props.classNames, tooltipStyles = props.styles, restProps = _objectWithoutProperties$1(props, _excluded$z);
@@ -22533,7 +22509,7 @@ var Tooltip$3 = function Tooltip(props, ref) {
     arrow: showArrow
   }, extraProps), getChildren());
 };
-const Tooltip$4 = /* @__PURE__ */ React.forwardRef(Tooltip$3);
+const Tooltip$3 = /* @__PURE__ */ React.forwardRef(Tooltip$4);
 function getArrowToken(token2) {
   const {
     sizePopupArrow,
@@ -23240,7 +23216,7 @@ const InternalTooltip = /* @__PURE__ */ React__namespace.forwardRef((props, ref)
   }, colorInfo.className, rootClassName, hashId, cssVarCls, contextClassName, contextClassNames.root, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.root);
   const bodyClassNames = classNames(contextClassNames.body, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.body);
   const [zIndex, contextZIndex] = useZIndex("Tooltip", restProps.zIndex);
-  const content2 = /* @__PURE__ */ React__namespace.createElement(Tooltip$4, Object.assign({}, restProps, {
+  const content2 = /* @__PURE__ */ React__namespace.createElement(Tooltip$3, Object.assign({}, restProps, {
     zIndex,
     showArrow: mergedShowArrow,
     placement,
@@ -23817,7 +23793,7 @@ var placements$1 = {
   }
 };
 var _excluded$y = ["arrow", "prefixCls", "transitionName", "animation", "align", "placement", "placements", "getPopupContainer", "showAction", "hideAction", "overlayClassName", "overlayStyle", "visible", "trigger", "autoFocus", "overlay", "children", "onVisibleChange"];
-function Dropdown$2(props, ref) {
+function Dropdown$3(props, ref) {
   var _children$props;
   var _props$arrow = props.arrow, arrow = _props$arrow === void 0 ? false : _props$arrow, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-dropdown" : _props$prefixCls, transitionName = props.transitionName, animation = props.animation, align = props.align, _props$placement = props.placement, placement = _props$placement === void 0 ? "bottomLeft" : _props$placement, _props$placements = props.placements, placements2 = _props$placements === void 0 ? placements$1 : _props$placements, getPopupContainer = props.getPopupContainer, showAction = props.showAction, hideAction = props.hideAction, overlayClassName = props.overlayClassName, overlayStyle = props.overlayStyle, visible = props.visible, _props$trigger = props.trigger, trigger = _props$trigger === void 0 ? ["hover"] : _props$trigger, autoFocus = props.autoFocus, overlay = props.overlay, children2 = props.children, onVisibleChange = props.onVisibleChange, otherProps = _objectWithoutProperties$1(props, _excluded$y);
   var _React$useState = React.useState(), _React$useState2 = _slicedToArray(_React$useState, 2), triggerVisible = _React$useState2[0], setTriggerVisible = _React$useState2[1];
@@ -23904,7 +23880,7 @@ function Dropdown$2(props, ref) {
     getPopupContainer
   }), childrenNode);
 }
-const Dropdown$3 = /* @__PURE__ */ React.forwardRef(Dropdown$2);
+const Dropdown$2 = /* @__PURE__ */ React.forwardRef(Dropdown$3);
 const isPrimitive = (value2) => typeof value2 !== "object" && typeof value2 !== "function" || value2 === null;
 var IdContext = /* @__PURE__ */ React__namespace.createContext(null);
 function getMenuId(uuid2, eventKey) {
@@ -24472,7 +24448,7 @@ var InternalMenuItem = /* @__PURE__ */ React__namespace.forwardRef(function(prop
   }
   return renderNode;
 });
-function MenuItem$2(props, ref) {
+function MenuItem$3(props, ref) {
   var eventKey = props.eventKey;
   var measure = useMeasure();
   var connectedKeyPath = useFullPath(eventKey);
@@ -24491,7 +24467,7 @@ function MenuItem$2(props, ref) {
     ref
   }));
 }
-const MenuItem$3 = /* @__PURE__ */ React__namespace.forwardRef(MenuItem$2);
+const MenuItem$2 = /* @__PURE__ */ React__namespace.forwardRef(MenuItem$3);
 var _excluded$u = ["className", "children"];
 var InternalSubMenuList = function InternalSubMenuList2(_ref, ref) {
   var className = _ref.className, children2 = _ref.children, restProps = _objectWithoutProperties$1(_ref, _excluded$u);
@@ -24991,7 +24967,7 @@ function parseItems(children2, items, keyPath, components2, prefixCls) {
   var childNodes = children2;
   var mergedComponents = _objectSpread2({
     divider: Divider,
-    item: MenuItem$3,
+    item: MenuItem$2,
     group: MenuItemGroup,
     submenu: SubMenu$1
   }, components2);
@@ -25208,7 +25184,7 @@ var Menu$1 = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref) {
     ref: containerRef,
     prefixCls: "".concat(prefixCls, "-overflow"),
     component: "ul",
-    itemComponent: MenuItem$3,
+    itemComponent: MenuItem$2,
     className: classNames(prefixCls, "".concat(prefixCls, "-root"), "".concat(prefixCls, "-").concat(internalMode), className, _defineProperty$1(_defineProperty$1({}, "".concat(prefixCls, "-inline-collapsed"), internalInlineCollapsed), "".concat(prefixCls, "-rtl"), isRtl), rootClassName),
     dir: direction,
     style: style2,
@@ -25277,7 +25253,7 @@ var Menu$1 = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref) {
   }, measureChildList)))));
 });
 var ExportMenu = Menu$1;
-ExportMenu.Item = MenuItem$3;
+ExportMenu.Item = MenuItem$2;
 ExportMenu.SubMenu = SubMenu$1;
 ExportMenu.ItemGroup = MenuItemGroup;
 ExportMenu.Divider = Divider;
@@ -25756,7 +25732,7 @@ const MenuItem$1 = (props) => {
     tooltipProps.open = false;
   }
   const childrenLength = toArray$8(children2).length;
-  let returnNode = /* @__PURE__ */ React__namespace.createElement(MenuItem$3, Object.assign({}, omit(props, ["title", "icon", "danger"]), {
+  let returnNode = /* @__PURE__ */ React__namespace.createElement(MenuItem$2, Object.assign({}, omit(props, ["title", "icon", "danger"]), {
     className: classNames({
       [`${prefixCls}-item-danger`]: danger,
       [`${prefixCls}-item-only-child`]: (icon ? childrenLength + 1 : childrenLength) === 1
@@ -27468,7 +27444,7 @@ const Dropdown$1 = (props) => {
     }, overlayNode);
   };
   const [zIndex, contextZIndex] = useZIndex("Dropdown", overlayStyle === null || overlayStyle === void 0 ? void 0 : overlayStyle.zIndex);
-  let renderNode = /* @__PURE__ */ React__namespace.createElement(Dropdown$3, Object.assign({
+  let renderNode = /* @__PURE__ */ React__namespace.createElement(Dropdown$2, Object.assign({
     alignPoint
   }, omit(props, ["rootClassName"]), {
     mouseEnterDelay,
@@ -27917,7 +27893,7 @@ var hasRequiredDayjs_min;
 function requireDayjs_min() {
   if (hasRequiredDayjs_min) return dayjs_min$1.exports;
   hasRequiredDayjs_min = 1;
-  (function(module2, exports2) {
+  (function(module2, exports$1) {
     !(function(t2, e3) {
       module2.exports = e3();
     })(dayjs_min, (function() {
@@ -28202,7 +28178,7 @@ var hasRequiredWeekday;
 function requireWeekday() {
   if (hasRequiredWeekday) return weekday$2.exports;
   hasRequiredWeekday = 1;
-  (function(module2, exports2) {
+  (function(module2, exports$1) {
     !(function(e3, t2) {
       module2.exports = t2();
     })(weekday$1, (function() {
@@ -28224,7 +28200,7 @@ var hasRequiredLocaleData;
 function requireLocaleData() {
   if (hasRequiredLocaleData) return localeData$2.exports;
   hasRequiredLocaleData = 1;
-  (function(module2, exports2) {
+  (function(module2, exports$1) {
     !(function(n2, e3) {
       module2.exports = e3();
     })(localeData$1, (function() {
@@ -28309,7 +28285,7 @@ var hasRequiredWeekOfYear;
 function requireWeekOfYear() {
   if (hasRequiredWeekOfYear) return weekOfYear$2.exports;
   hasRequiredWeekOfYear = 1;
-  (function(module2, exports2) {
+  (function(module2, exports$1) {
     !(function(e3, t2) {
       module2.exports = t2();
     })(weekOfYear$1, (function() {
@@ -28341,7 +28317,7 @@ var hasRequiredWeekYear;
 function requireWeekYear() {
   if (hasRequiredWeekYear) return weekYear$2.exports;
   hasRequiredWeekYear = 1;
-  (function(module2, exports2) {
+  (function(module2, exports$1) {
     !(function(e3, t2) {
       module2.exports = t2();
     })(weekYear$1, (function() {
@@ -28363,7 +28339,7 @@ var hasRequiredAdvancedFormat;
 function requireAdvancedFormat() {
   if (hasRequiredAdvancedFormat) return advancedFormat$2.exports;
   hasRequiredAdvancedFormat = 1;
-  (function(module2, exports2) {
+  (function(module2, exports$1) {
     !(function(e3, t2) {
       module2.exports = t2();
     })(advancedFormat$1, (function() {
@@ -28420,7 +28396,7 @@ var hasRequiredCustomParseFormat;
 function requireCustomParseFormat() {
   if (hasRequiredCustomParseFormat) return customParseFormat$2.exports;
   hasRequiredCustomParseFormat = 1;
-  (function(module2, exports2) {
+  (function(module2, exports$1) {
     !(function(e3, t2) {
       module2.exports = t2();
     })(customParseFormat$1, (function() {
@@ -36413,7 +36389,7 @@ var ExtraContent = /* @__PURE__ */ React__namespace.forwardRef(function(props, r
 if (process.env.NODE_ENV !== "production") {
   ExtraContent.displayName = "ExtraContent";
 }
-var OperationNode = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref) {
+var OperationNode$1 = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref) {
   var prefixCls = props.prefixCls, id2 = props.id, tabs = props.tabs, locale2 = props.locale, mobile = props.mobile, _props$more = props.more, moreProps = _props$more === void 0 ? {} : _props$more, style2 = props.style, className = props.className, editable = props.editable, tabBarGutter = props.tabBarGutter, rtl = props.rtl, removeAriaLabel = props.removeAriaLabel, onTabClick = props.onTabClick, getPopupContainer = props.getPopupContainer, popupClassName = props.popupClassName;
   var _useState = React.useState(false), _useState2 = _slicedToArray(_useState, 2), open = _useState2[0], setOpen = _useState2[1];
   var _useState3 = React.useState(null), _useState4 = _slicedToArray(_useState3, 2), selectedKey = _useState4[0], setSelectedKey = _useState4[1];
@@ -36446,7 +36422,7 @@ var OperationNode = /* @__PURE__ */ React__namespace.forwardRef(function(props,
   }, tabs.map(function(tab2) {
     var closable = tab2.closable, disabled2 = tab2.disabled, closeIcon = tab2.closeIcon, key = tab2.key, label = tab2.label;
     var removable = getRemovable(closable, closeIcon, editable, disabled2);
-    return /* @__PURE__ */ React__namespace.createElement(MenuItem$3, {
+    return /* @__PURE__ */ React__namespace.createElement(MenuItem$2, {
       key,
       id: "".concat(popupId, "-").concat(key),
       role: "option",
@@ -36526,7 +36502,7 @@ var OperationNode = /* @__PURE__ */ React__namespace.forwardRef(function(props,
     moreStyle.order = 1;
   }
   var overlayClassName = classNames(_defineProperty$1({}, "".concat(dropdownPrefix, "-rtl"), rtl));
-  var moreNode = mobile ? null : /* @__PURE__ */ React__namespace.createElement(Dropdown$3, _extends$1({
+  var moreNode = mobile ? null : /* @__PURE__ */ React__namespace.createElement(Dropdown$2, _extends$1({
     prefixCls: dropdownPrefix,
     overlay: menu,
     visible: tabs.length ? open : false,
@@ -36555,7 +36531,7 @@ var OperationNode = /* @__PURE__ */ React__namespace.forwardRef(function(props,
     editable
   }));
 });
-const OperationNode$1 = /* @__PURE__ */ React__namespace.memo(OperationNode, function(_, next2) {
+const OperationNode = /* @__PURE__ */ React__namespace.memo(OperationNode$1, function(_, next2) {
   return (
     // https://github.com/ant-design/ant-design/issues/32544
     // We'd better remove syntactic sugar in `rc-menu` since this has perf issue
@@ -37075,7 +37051,7 @@ var TabNavList = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref
   }), /* @__PURE__ */ React__namespace.createElement("div", {
     className: classNames("".concat(prefixCls, "-ink-bar"), _defineProperty$1({}, "".concat(prefixCls, "-ink-bar-animated"), animated.inkBar)),
     style: indicatorStyle
-  }))))), /* @__PURE__ */ React__namespace.createElement(OperationNode$1, _extends$1({}, props, {
+  }))))), /* @__PURE__ */ React__namespace.createElement(OperationNode, _extends$1({}, props, {
     removeAriaLabel: locale2 === null || locale2 === void 0 ? void 0 : locale2.removeAriaLabel,
     ref: operationsRef,
     prefixCls,
@@ -44903,7 +44879,7 @@ var defaultItemRender = function defaultItemRender2(page, type4, element2) {
 };
 function noop$2() {
 }
-function isInteger(v) {
+function isInteger$1(v) {
   var value2 = Number(v);
   return typeof value2 === "number" && !Number.isNaN(value2) && isFinite(value2) && Math.floor(value2) === value2;
 }
@@ -44963,7 +44939,7 @@ var Pagination$1 = function Pagination(props) {
     return value2;
   }
   function isValid2(page) {
-    return isInteger(page) && page !== current && isInteger(total) && total > 0;
+    return isInteger$1(page) && page !== current && isInteger$1(total) && total > 0;
   }
   var shouldDisplayQuickJumper = total > pageSize ? showQuickJumper : false;
   function handleKeyDown(event2) {
@@ -49570,7 +49546,7 @@ var getTitleFromCellRenderChildren = function getTitleFromCellRenderChildren2(_r
   }
   return title;
 };
-function Cell(props) {
+function Cell$1(props) {
   var _ref2, _ref3, _legacyCellProps$colS, _ref4, _ref5, _legacyCellProps$rowS, _additionalProps$titl, _classNames;
   if (process.env.NODE_ENV !== "production") {
     devRenderTimes(props);
@@ -49641,7 +49617,7 @@ function Cell(props) {
     rowSpan: mergedRowSpan !== 1 ? mergedRowSpan : null
   }), appendNode, mergedChildNode);
 }
-const Cell$1 = /* @__PURE__ */ React__namespace.memo(Cell);
+const Cell = /* @__PURE__ */ React__namespace.memo(Cell$1);
 function getCellFixedInfo(colStart, colEnd, columns, stickyOffsets, direction) {
   var startColumn = columns[colStart] || {};
   var endColumn = columns[colEnd] || {};
@@ -49694,7 +49670,7 @@ function SummaryCell(_ref) {
   var lastIndex = index2 + colSpan - 1;
   var mergedColSpan = lastIndex + 1 === scrollColumnIndex ? colSpan + 1 : colSpan;
   var fixedInfo = getCellFixedInfo(index2, index2 + mergedColSpan - 1, flattenColumns, stickyOffsets, direction);
-  return /* @__PURE__ */ React__namespace.createElement(Cell$1, _extends$1({
+  return /* @__PURE__ */ React__namespace.createElement(Cell, _extends$1({
     className,
     index: index2,
     component: "td",
@@ -49720,7 +49696,7 @@ function Summary(_ref) {
 }
 Summary.Row = FooterRow;
 Summary.Cell = SummaryCell;
-function Footer(props) {
+function Footer$1(props) {
   if (process.env.NODE_ENV !== "production") {
     devRenderTimes(props);
   }
@@ -49741,7 +49717,7 @@ function Footer(props) {
     className: "".concat(prefixCls, "-summary")
   }, children2));
 }
-const Footer$1 = responseImmutable(Footer);
+const Footer = responseImmutable(Footer$1);
 var FooterComponents = Summary;
 function Column$2(_) {
   return null;
@@ -49850,7 +49826,7 @@ function ExpandedRow(props) {
     style: {
       display: expanded ? null : "none"
     }
-  }, /* @__PURE__ */ React__namespace.createElement(Cell$1, {
+  }, /* @__PURE__ */ React__namespace.createElement(Cell, {
     component: cellComponent,
     prefixCls,
     colSpan
@@ -49936,7 +49912,7 @@ function getCellProps(rowInfo, column2, colIndex, indent, index2) {
     additionalCellProps
   };
 }
-function BodyRow(props) {
+function BodyRow$1(props) {
   if (process.env.NODE_ENV !== "production") {
     devRenderTimes(props);
   }
@@ -49956,7 +49932,7 @@ function BodyRow(props) {
   }), flattenColumns.map(function(column2, colIndex) {
     var render2 = column2.render, dataIndex = column2.dataIndex, columnClassName = column2.className;
     var _getCellProps = getCellProps(rowInfo, column2, colIndex, indent, index2, rowKeys, expandedRowInfo === null || expandedRowInfo === void 0 ? void 0 : expandedRowInfo.offset), key = _getCellProps.key, fixedInfo = _getCellProps.fixedInfo, appendCellNode = _getCellProps.appendCellNode, additionalCellProps = _getCellProps.additionalCellProps;
-    return /* @__PURE__ */ React__namespace.createElement(Cell$1, _extends$1({
+    return /* @__PURE__ */ React__namespace.createElement(Cell, _extends$1({
       className: columnClassName,
       ellipsis: column2.ellipsis,
       align: column2.align,
@@ -49992,9 +49968,9 @@ function BodyRow(props) {
   return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, baseRowNode, expandRowNode);
 }
 if (process.env.NODE_ENV !== "production") {
-  BodyRow.displayName = "BodyRow";
+  BodyRow$1.displayName = "BodyRow";
 }
-const BodyRow$1 = responseImmutable(BodyRow);
+const BodyRow = responseImmutable(BodyRow$1);
 function MeasureCell(_ref) {
   var columnKey = _ref.columnKey, onColumnResize = _ref.onColumnResize;
   var cellRef = React__namespace.useRef();
@@ -50047,7 +50023,7 @@ function MeasureRow(_ref) {
     });
   })));
 }
-function Body(props) {
+function Body$1(props) {
   if (process.env.NODE_ENV !== "production") {
     devRenderTimes(props);
   }
@@ -50082,7 +50058,7 @@ function Body(props) {
   if (data.length) {
     rows = flattenData2.map(function(item, idx) {
       var record = item.record, indent = item.indent, renderIndex = item.index, rowKey = item.rowKey;
-      return /* @__PURE__ */ React__namespace.createElement(BodyRow$1, {
+      return /* @__PURE__ */ React__namespace.createElement(BodyRow, {
         key: rowKey,
         rowKey,
         rowKeys,
@@ -50119,9 +50095,9 @@ function Body(props) {
   }), rows));
 }
 if (process.env.NODE_ENV !== "production") {
-  Body.displayName = "Body";
+  Body$1.displayName = "Body";
 }
-const Body$1 = responseImmutable(Body);
+const Body = responseImmutable(Body$1);
 var _excluded$8 = ["expandable"];
 var INTERNAL_COL_DEFINE = "RC_TABLE_INTERNAL_COL_DEFINE";
 function getExpandableProps(props) {
@@ -50191,7 +50167,7 @@ function useColumnWidth(colWidths, columCount) {
     return cloneColumns;
   }, [colWidths.join("_"), columCount]);
 }
-var FixedHolder = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref) {
+var FixedHolder$1 = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref) {
   if (process.env.NODE_ENV !== "production") {
     devRenderTimes(props);
   }
@@ -50282,9 +50258,9 @@ var FixedHolder = /* @__PURE__ */ React__namespace.forwardRef(function(props, re
   }))));
 });
 if (process.env.NODE_ENV !== "production") {
-  FixedHolder.displayName = "FixedHolder";
+  FixedHolder$1.displayName = "FixedHolder";
 }
-const FixedHolder$1 = /* @__PURE__ */ React__namespace.memo(FixedHolder);
+const FixedHolder = /* @__PURE__ */ React__namespace.memo(FixedHolder$1);
 var HeaderRow = function HeaderRow2(props) {
   var cells = props.cells, stickyOffsets = props.stickyOffsets, flattenColumns = props.flattenColumns, RowComponent = props.rowComponent, CellComponent = props.cellComponent, onHeaderRow = props.onHeaderRow, index2 = props.index;
   var _useContext = useContext(TableContext, ["prefixCls", "direction"]), prefixCls = _useContext.prefixCls, direction = _useContext.direction;
@@ -50304,7 +50280,7 @@ var HeaderRow = function HeaderRow2(props) {
     if (column2 && column2.onHeaderCell) {
       additionalProps = cell.column.onHeaderCell(column2);
     }
-    return /* @__PURE__ */ React__namespace.createElement(Cell$1, _extends$1({}, cell, {
+    return /* @__PURE__ */ React__namespace.createElement(Cell, _extends$1({}, cell, {
       scope: column2.title ? cell.colSpan > 1 ? "colgroup" : "col" : null,
       ellipsis: column2.ellipsis,
       align: column2.align,
@@ -50370,7 +50346,7 @@ function parseHeaderRows(rootColumns) {
   }
   return rows;
 }
-var Header = function Header2(props) {
+var Header$1 = function Header(props) {
   if (process.env.NODE_ENV !== "production") {
     devRenderTimes(props);
   }
@@ -50398,7 +50374,7 @@ var Header = function Header2(props) {
     return rowNode;
   }));
 };
-const Header$1 = responseImmutable(Header);
+const Header2 = responseImmutable(Header$1);
 function parseColWidth(totalWidth) {
   var width = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
   if (typeof width === "number") {
@@ -50836,7 +50812,7 @@ function getOffset(node2) {
     top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
   };
 }
-var StickyScrollBar = function StickyScrollBar2(_ref, ref) {
+var StickyScrollBar$1 = function StickyScrollBar(_ref, ref) {
   var _scrollBodyRef$curren, _scrollBodyRef$curren2;
   var scrollBodyRef = _ref.scrollBodyRef, onScroll = _ref.onScroll, offsetScroll = _ref.offsetScroll, container = _ref.container, direction = _ref.direction;
   var prefixCls = useContext(TableContext, "prefixCls");
@@ -50991,7 +50967,7 @@ var StickyScrollBar = function StickyScrollBar2(_ref, ref) {
     }
   }));
 };
-const StickyScrollBar$1 = /* @__PURE__ */ React__namespace.forwardRef(StickyScrollBar);
+const StickyScrollBar2 = /* @__PURE__ */ React__namespace.forwardRef(StickyScrollBar$1);
 var DEFAULT_PREFIX = "rc-table";
 var EMPTY_DATA = [];
 var EMPTY_SCROLL_TARGET = {};
@@ -51244,10 +51220,10 @@ function Table$3(tableProps, ref) {
     }
   });
   var renderFixedHeaderTable = React__namespace.useCallback(function(fixedHolderPassProps) {
-    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(Header$1, fixedHolderPassProps), fixFooter === "top" && /* @__PURE__ */ React__namespace.createElement(Footer$1, fixedHolderPassProps, summaryNode));
+    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(Header2, fixedHolderPassProps), fixFooter === "top" && /* @__PURE__ */ React__namespace.createElement(Footer, fixedHolderPassProps, summaryNode));
   }, [fixFooter, summaryNode]);
   var renderFixedFooterTable = React__namespace.useCallback(function(fixedHolderPassProps) {
-    return /* @__PURE__ */ React__namespace.createElement(Footer$1, fixedHolderPassProps, summaryNode);
+    return /* @__PURE__ */ React__namespace.createElement(Footer, fixedHolderPassProps, summaryNode);
   }, [summaryNode]);
   var TableComponent = getComponent(["table"], "table");
   var mergedTableLayout = React__namespace.useMemo(function() {
@@ -51283,7 +51259,7 @@ function Table$3(tableProps, ref) {
     }
     return emptyText;
   }, [hasData, emptyText]);
-  var bodyTable = /* @__PURE__ */ React__namespace.createElement(Body$1, {
+  var bodyTable = /* @__PURE__ */ React__namespace.createElement(Body, {
     data: mergedData,
     measureColumnWidth: fixHeader || horizonScroll || isSticky
   });
@@ -51332,7 +51308,7 @@ function Table$3(tableProps, ref) {
         style: _objectSpread2(_objectSpread2({}, scrollTableStyle), {}, {
           tableLayout: mergedTableLayout
         })
-      }, ariaProps), captionElement, bodyColGroup, bodyTable, !fixFooter && summaryNode && /* @__PURE__ */ React__namespace.createElement(Footer$1, {
+      }, ariaProps), captionElement, bodyColGroup, bodyTable, !fixFooter && summaryNode && /* @__PURE__ */ React__namespace.createElement(Footer, {
         stickyOffsets,
         flattenColumns
       }, summaryNode)));
@@ -51345,15 +51321,15 @@ function Table$3(tableProps, ref) {
       stickyClassName,
       onScroll: onInternalScroll
     });
-    groupTableNode = /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, showHeader !== false && /* @__PURE__ */ React__namespace.createElement(FixedHolder$1, _extends$1({}, fixedHolderProps, {
+    groupTableNode = /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, showHeader !== false && /* @__PURE__ */ React__namespace.createElement(FixedHolder, _extends$1({}, fixedHolderProps, {
       stickyTopOffset: offsetHeader,
       className: "".concat(prefixCls, "-header"),
       ref: scrollHeaderRef
-    }), renderFixedHeaderTable), bodyContent, fixFooter && fixFooter !== "top" && /* @__PURE__ */ React__namespace.createElement(FixedHolder$1, _extends$1({}, fixedHolderProps, {
+    }), renderFixedHeaderTable), bodyContent, fixFooter && fixFooter !== "top" && /* @__PURE__ */ React__namespace.createElement(FixedHolder, _extends$1({}, fixedHolderProps, {
       stickyBottomOffset: offsetSummary,
       className: "".concat(prefixCls, "-summary"),
       ref: scrollSummaryRef
-    }), renderFixedFooterTable), isSticky && scrollBodyRef.current && scrollBodyRef.current instanceof Element && /* @__PURE__ */ React__namespace.createElement(StickyScrollBar$1, {
+    }), renderFixedFooterTable), isSticky && scrollBodyRef.current && scrollBodyRef.current instanceof Element && /* @__PURE__ */ React__namespace.createElement(StickyScrollBar2, {
       ref: stickyRef,
       offsetScroll,
       scrollBodyRef,
@@ -51371,7 +51347,7 @@ function Table$3(tableProps, ref) {
       style: _objectSpread2(_objectSpread2({}, scrollTableStyle), {}, {
         tableLayout: mergedTableLayout
       })
-    }, ariaProps), captionElement, bodyColGroup, showHeader !== false && /* @__PURE__ */ React__namespace.createElement(Header$1, _extends$1({}, headerProps, columnContext)), bodyTable, summaryNode && /* @__PURE__ */ React__namespace.createElement(Footer$1, {
+    }, ariaProps), captionElement, bodyColGroup, showHeader !== false && /* @__PURE__ */ React__namespace.createElement(Header2, _extends$1({}, headerProps, columnContext)), bodyTable, summaryNode && /* @__PURE__ */ React__namespace.createElement(Footer, {
       stickyOffsets,
       flattenColumns
     }, summaryNode)));
@@ -51545,7 +51521,7 @@ function VirtualCell(props) {
     cellSpan.rowSpan = 1;
     cellSpan.colSpan = 1;
   }
-  return /* @__PURE__ */ React__namespace.createElement(Cell$1, _extends$1({
+  return /* @__PURE__ */ React__namespace.createElement(Cell, _extends$1({
     className: classNames(columnClassName, className),
     ellipsis: column2.ellipsis,
     align: column2.align,
@@ -51589,7 +51565,7 @@ var BodyLine = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref)
     var rowCellCls = "".concat(prefixCls, "-expanded-row-cell");
     expandRowNode = /* @__PURE__ */ React__namespace.createElement(RowComponent, {
       className: classNames("".concat(prefixCls, "-expanded-row"), "".concat(prefixCls, "-expanded-row-level-").concat(indent + 1), expandedClsName)
-    }, /* @__PURE__ */ React__namespace.createElement(Cell$1, {
+    }, /* @__PURE__ */ React__namespace.createElement(Cell, {
       component: cellComponent,
       prefixCls,
       className: classNames(rowCellCls, _defineProperty$1({}, "".concat(rowCellCls, "-fixed"), fixColumn)),
@@ -51898,7 +51874,7 @@ const Column$1 = (_) => null;
 const ColumnGroup = (_) => null;
 var TreeContext = /* @__PURE__ */ React__namespace.createContext(null);
 var UnstableContext = /* @__PURE__ */ React__namespace.createContext({});
-var Indent = function Indent2(_ref) {
+var Indent$1 = function Indent(_ref) {
   var prefixCls = _ref.prefixCls, level = _ref.level, isStart = _ref.isStart, isEnd = _ref.isEnd;
   var baseClassName = "".concat(prefixCls, "-indent-unit");
   var list2 = [];
@@ -51913,7 +51889,7 @@ var Indent = function Indent2(_ref) {
     className: "".concat(prefixCls, "-indent")
   }, list2);
 };
-const Indent$1 = /* @__PURE__ */ React__namespace.memo(Indent);
+const Indent2 = /* @__PURE__ */ React__namespace.memo(Indent$1);
 var _excluded$3 = ["eventKey", "className", "style", "dragOver", "dragOverGapTop", "dragOverGapBottom", "isLeaf", "isStart", "isEnd", "expanded", "selected", "checked", "halfChecked", "loading", "domRef", "active", "data", "onMouseMove", "selectable"];
 var ICON_OPEN = "open";
 var ICON_CLOSE = "close";
@@ -52162,7 +52138,7 @@ var TreeNode = function TreeNode2(props) {
     onDrop: isDraggable ? onDrop : void 0,
     onDragEnd: isDraggable ? onDragEnd : void 0,
     onMouseMove
-  }, ariaSelected, dataOrAriaAttributeProps), /* @__PURE__ */ React.createElement(Indent$1, {
+  }, ariaSelected, dataOrAriaAttributeProps), /* @__PURE__ */ React.createElement(Indent2, {
     prefixCls: context.prefixCls,
     level,
     isStart,
@@ -57598,7 +57574,7 @@ const useStyle$1 = genStyleHooks("Table", (token2) => {
   }
 });
 const EMPTY_LIST = [];
-const InternalTable = (props, ref) => {
+const InternalTable$1 = (props, ref) => {
   var _a, _b;
   const {
     prefixCls: customizePrefixCls,
@@ -57931,11 +57907,11 @@ const InternalTable = (props, ref) => {
     getContainerWidth
   })), bottomPaginationNode)));
 };
-const InternalTable$1 = /* @__PURE__ */ React__namespace.forwardRef(InternalTable);
+const InternalTable = /* @__PURE__ */ React__namespace.forwardRef(InternalTable$1);
 const Table$2 = (props, ref) => {
   const renderTimesRef = React__namespace.useRef(0);
   renderTimesRef.current += 1;
-  return /* @__PURE__ */ React__namespace.createElement(InternalTable$1, Object.assign({}, props, {
+  return /* @__PURE__ */ React__namespace.createElement(InternalTable, Object.assign({}, props, {
     ref,
     _renderTimes: renderTimesRef.current
   }));
@@ -59250,7 +59226,7 @@ var __rest$1 = function(s, e3) {
   }
   return t2;
 };
-const Text$1 = (_a, ref) => {
+const Text$2 = (_a, ref) => {
   var {
     ellipsis
   } = _a, restProps = __rest$1(_a, ["ellipsis"]);
@@ -59271,7 +59247,7 @@ const Text$1 = (_a, ref) => {
     component: "span"
   }));
 };
-const Text$2 = /* @__PURE__ */ React__namespace.forwardRef(Text$1);
+const Text$1 = /* @__PURE__ */ React__namespace.forwardRef(Text$2);
 var __rest = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
@@ -59297,7 +59273,7 @@ const Title = /* @__PURE__ */ React__namespace.forwardRef((props, ref) => {
   }));
 });
 const Typography$1 = Typography$2;
-Typography$1.Text = Text$2;
+Typography$1.Text = Text$1;
 Typography$1.Link = Link;
 Typography$1.Title = Title;
 Typography$1.Paragraph = Paragraph$1;
@@ -59332,7 +59308,6 @@ const getGenesisTypographyClass = ({ colors: colors2, typography: typography2 },
       width: ${$isFullWidth ? "100%" : "auto"};
       font-weight: ${fontWeight} !important;
       font-size: ${fontSize} !important;
-      line-height: 1;
        -webkit-font-smoothing: antialiased;
 
       &:disabled {
@@ -60394,6 +60369,7 @@ const Typography = ({
   style: style2,
   fontSize,
   fontWeight,
+  lineHeight,
   isDisabled,
   ...rest
 }) => {
@@ -60415,7 +60391,7 @@ const Typography = ({
         fontWeight,
         disabled: isDisabled,
         $letterSpacing: theme.typography[breakpoint][variant].letterSpacing,
-        $lineHeight: theme.typography[breakpoint][variant].lineHeight,
+        $lineHeight: lineHeight ?? theme.typography[breakpoint][variant].lineHeight,
         ...rest,
         children: children2
       }
@@ -60436,7 +60412,7 @@ const Typography = ({
         fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
         fontWeight,
         $letterSpacing: theme.typography[breakpoint][validVariant].letterSpacing,
-        $lineHeight: theme.typography[breakpoint][validVariant].lineHeight,
+        $lineHeight: lineHeight ?? theme.typography[breakpoint][validVariant].lineHeight,
         ...rest,
         children: children2
       }
@@ -60455,7 +60431,7 @@ const Typography = ({
       fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
       fontWeight,
       $letterSpacing: theme.typography[breakpoint][validVariant].letterSpacing,
-      $lineHeight: theme.typography[breakpoint][validVariant].lineHeight,
+      $lineHeight: lineHeight ?? theme.typography[breakpoint][validVariant].lineHeight,
       ...rest,
       children: children2
     }
@@ -60740,6 +60716,18 @@ function IconBase2(props) {
 function FaCircleCheck(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 512 512" }, "child": [{ "tag": "path", "attr": { "d": "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" }, "child": [] }] })(props);
 }
+function HiArrowCircleRight(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z", "clipRule": "evenodd" }, "child": [] }] })(props);
+}
+function HiCheckCircle(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clipRule": "evenodd" }, "child": [] }] })(props);
+}
+function HiChevronDoubleLeft(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M15.707 15.707a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 010 1.414zm-6 0a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 011.414 1.414L5.414 10l4.293 4.293a1 1 0 010 1.414z", "clipRule": "evenodd" }, "child": [] }] })(props);
+}
+function HiChevronDown(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", "clipRule": "evenodd" }, "child": [] }] })(props);
+}
 function HiClock(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clipRule": "evenodd" }, "child": [] }] })(props);
 }
@@ -61399,7 +61387,7 @@ function createPacketDecoderStream(maxPayload, binaryType) {
     }
   });
 }
-const protocol$1 = 4;
+const protocol = 4;
 function Emitter(obj) {
   if (obj) return mixin(obj);
 }
@@ -62377,7 +62365,7 @@ class SocketWithoutUpgrade extends Emitter {
    */
   createTransport(name2) {
     const query = Object.assign({}, this.opts.query);
-    query.EIO = protocol$1;
+    query.EIO = protocol;
     query.transport = name2;
     if (this.id)
       query.sid = this.id;
@@ -62706,7 +62694,7 @@ class SocketWithoutUpgrade extends Emitter {
     }
   }
 }
-SocketWithoutUpgrade.protocol = protocol$1;
+SocketWithoutUpgrade.protocol = protocol;
 class SocketWithUpgrade extends SocketWithoutUpgrade {
   constructor() {
     super(...arguments);
@@ -62971,14 +62959,18 @@ function _reconstructPacket(data, buffers) {
 }
 const RESERVED_EVENTS$1 = [
   "connect",
+  // used on the client side
   "connect_error",
+  // used on the client side
   "disconnect",
+  // used on both sides
   "disconnecting",
+  // used on the server side
   "newListener",
+  // used by the Node.js EventEmitter
   "removeListener"
   // used by the Node.js EventEmitter
 ];
-const protocol = 5;
 var PacketType;
 (function(PacketType2) {
   PacketType2[PacketType2["CONNECT"] = 0] = "CONNECT";
@@ -63049,18 +63041,16 @@ class Encoder {
     return buffers;
   }
 }
-function isObject(value2) {
-  return Object.prototype.toString.call(value2) === "[object Object]";
-}
 class Decoder extends Emitter {
   /**
    * Decoder constructor
-   *
-   * @param {function} reviver - custom reviver to pass down to JSON.stringify
    */
-  constructor(reviver) {
+  constructor(opts) {
     super();
-    this.reviver = reviver;
+    this.opts = Object.assign({
+      reviver: void 0,
+      maxAttachments: 10
+    }, typeof opts === "function" ? { reviver: opts } : opts);
   }
   /**
    * Decodes an encoded packet string into packet JSON.
@@ -63120,7 +63110,13 @@ class Decoder extends Emitter {
       if (buf != Number(buf) || str.charAt(i) !== "-") {
         throw new Error("Illegal attachments");
       }
-      p.attachments = Number(buf);
+      const n2 = Number(buf);
+      if (!isInteger(n2) || n2 < 0) {
+        throw new Error("Illegal attachments");
+      } else if (n2 > this.opts.maxAttachments) {
+        throw new Error("too many attachments");
+      }
+      p.attachments = n2;
     }
     if ("/" === str.charAt(i + 1)) {
       const start2 = i + 1;
@@ -63161,7 +63157,7 @@ class Decoder extends Emitter {
   }
   tryParse(str) {
     try {
-      return JSON.parse(str, this.reviver);
+      return JSON.parse(str, this.opts.reviver);
     } catch (e3) {
       return false;
     }
@@ -63223,14 +63219,19 @@ class BinaryReconstructor {
     this.buffers = [];
   }
 }
+const isInteger = Number.isInteger || function(value2) {
+  return typeof value2 === "number" && isFinite(value2) && Math.floor(value2) === value2;
+};
+function isObject(value2) {
+  return Object.prototype.toString.call(value2) === "[object Object]";
+}
 const parser = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Decoder,
   Encoder,
   get PacketType() {
     return PacketType;
-  },
-  protocol
+  }
 }, Symbol.toStringTag, { value: "Module" }));
 function on(obj, ev, fn) {
   obj.on(ev, fn);
@@ -74984,7 +74985,7 @@ const OverflowMenu = React.forwardRef(
     }, [isOpen, handleClickOutside, getPopupContainer]);
     const getMenuStyle = React.useMemo(() => {
       const baseStyle = {
-        position: getPopupContainer !== void 0 ? "fixed" : "absolute",
+        position: getPopupContainer === void 0 ? "absolute" : "fixed",
         zIndex: 1e3,
         ...style2
       };
@@ -75122,35 +75123,65 @@ const GlobalHeader = ({
   menuItems = [],
   primaryAction
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Tile, { "data-testid": "GlobalHeader", style: {
-    padding: "32px 40px",
-    justifyContent: "flex-end",
-    width: "100%",
-    alignItems: "flex-start",
-    minHeight: "164px",
-    borderBottom: "1px solid #CBCBCB",
-    background: "#FFF",
-    gap: "24px"
-  }, children: [
-    breadcrumbs?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { items: breadcrumbs }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Tile, { isHorizontal: true, style: { justifyContent: "space-between", gap: "16px", width: "100%", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Tile, { isHorizontal: true, style: { flex: 1, gap: "16px", minWidth: "200px" }, children: [
-        onBack && /* @__PURE__ */ jsxRuntime.jsx(UtilityButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(RefIcon$j, {}), onClick: onBack }),
-        /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "display3", children: title })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Tile, { isHorizontal: true, style: { justifyContent: "flex-end", gap: "16px", alignItems: "flex-end" }, children: [
-        primaryAction && /* @__PURE__ */ jsxRuntime.jsx(Button$1, { onClick: primaryAction.onClick, children: primaryAction.label }),
-        menuItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-          OverflowMenu,
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Tile,
+    {
+      "data-testid": "GlobalHeader",
+      style: {
+        padding: "32px 40px",
+        justifyContent: "flex-end",
+        width: "100%",
+        alignItems: "flex-start",
+        minHeight: "164px",
+        borderBottom: "1px solid #CBCBCB",
+        background: "#FFF",
+        gap: "24px"
+      },
+      children: [
+        breadcrumbs?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { items: breadcrumbs }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Tile,
           {
-            trigger: /* @__PURE__ */ jsxRuntime.jsx(UtilityButton, { isIconButton: true, children: /* @__PURE__ */ jsxRuntime.jsx(HiDotsHorizontal, {}) }),
-            alignment: "right",
-            children: menuItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(OverflowMenuItem, { onClick: item.onClick, children: item.children }, item.id))
+            isHorizontal: true,
+            style: {
+              justifyContent: "space-between",
+              gap: "16px",
+              width: "100%",
+              flexWrap: "wrap"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Tile, { isHorizontal: true, style: { flex: 1, gap: "16px", minWidth: "200px" }, children: [
+                onBack && /* @__PURE__ */ jsxRuntime.jsx(UtilityButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(RefIcon$j, {}), onClick: onBack }),
+                /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "display3", children: title })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                Tile,
+                {
+                  isHorizontal: true,
+                  style: {
+                    justifyContent: "flex-end",
+                    gap: "16px",
+                    alignItems: "flex-end"
+                  },
+                  children: [
+                    primaryAction && /* @__PURE__ */ jsxRuntime.jsx(Button$1, { onClick: primaryAction.onClick, children: primaryAction.label }),
+                    menuItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                      OverflowMenu,
+                      {
+                        trigger: /* @__PURE__ */ jsxRuntime.jsx(UtilityButton, { isIconButton: true, children: /* @__PURE__ */ jsxRuntime.jsx(HiDotsHorizontal, {}) }),
+                        alignment: "right",
+                        children: menuItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(OverflowMenuItem, { onClick: item.onClick, children: item.children }, item.id))
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
           }
         )
-      ] })
-    ] })
-  ] });
+      ]
+    }
+  );
 };
 const Outline = (properties) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
@@ -77940,7 +77971,7 @@ function initRange(domain, range3) {
   }
   return this;
 }
-const implicit = Symbol("implicit");
+const implicit = /* @__PURE__ */ Symbol("implicit");
 function ordinal() {
   var index2 = new InternMap(), domain = [], range3 = [], unknown = implicit;
   function scale(d) {
@@ -78667,7 +78698,7 @@ const VEHICLE_INSIGHTS_CONFIG = {
   // 4px bars as shown in Figma
   BAR_SPACING: 40
 };
-const Container$2 = styled.div`
+const Container$3 = styled.div`
   display: flex;
   flex-direction: row;
   gap: ${({ theme }) => theme?.sizing.Size2}px;
@@ -79054,7 +79085,7 @@ const BarChart = ({
     iconSpacing,
     showAdditionalGridLines
   ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Container$2, { className, $height: height, $width: width, children: /* @__PURE__ */ jsxRuntime.jsxs(ChartContainer$2, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Container$3, { className, $height: height, $width: width, children: /* @__PURE__ */ jsxRuntime.jsxs(ChartContainer$2, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "svg",
       {
@@ -79075,7 +79106,7 @@ const BarChart = ({
     )
   ] }) });
 };
-const Container$1 = styled.div`
+const Container$2 = styled.div`
   display: flex;
   flex-direction: row;
   gap: ${({ theme }) => theme?.sizing.Size2}px;
@@ -79232,7 +79263,7 @@ const LineChart = ({
     skipDays,
     isAnimated
   ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Container$1, { className, $height: height, $width: width, children: /* @__PURE__ */ jsxRuntime.jsxs(ChartContainer$1, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Container$2, { className, $height: height, $width: width, children: /* @__PURE__ */ jsxRuntime.jsxs(ChartContainer$1, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "svg",
       {
@@ -79253,7 +79284,7 @@ const LineChart = ({
     )
   ] }) });
 };
-const Container = styled.div`
+const Container$1 = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -79383,7 +79414,7 @@ const DonutChart = ({
       });
     }
   }, [data, height, width, innerRadius, outerRadius, showTooltip, showLegend]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Container, { className, $height: height, $width: width, children: /* @__PURE__ */ jsxRuntime.jsxs(ChartContainer, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Container$1, { className, $height: height, $width: width, children: /* @__PURE__ */ jsxRuntime.jsxs(ChartContainer, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "svg",
       {
@@ -79424,12 +79455,12 @@ const getGenesisClass$7 = ({ sizing: sizing2 }, $isColumn) => `
   margin: 0;
   box-sizing: border-box;
  `;
-const Content$1 = styled.div`
+const Content$2 = styled.div`
   ${({ theme, $isColumn }) => {
   return getGenesisClass$7(theme, $isColumn);
 }}
 `;
-const Content = ({
+const Content$1 = ({
   children: children2,
   className,
   backgroundColor,
@@ -79437,7 +79468,7 @@ const Content = ({
   style: style2
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Content$1,
+    Content$2,
     {
       className: clsx(className),
       style: { ...style2, backgroundColor },
@@ -79447,7 +79478,7 @@ const Content = ({
   );
 };
 const Layout = ({ children: children2, isColumn = false, style: style2 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Content, { "data-testid": "Layout", isColumn, style: style2, children: children2 });
+  return /* @__PURE__ */ jsxRuntime.jsx(Content$1, { "data-testid": "Layout", isColumn, style: style2, children: children2 });
 };
 const MessageRow = styled.div`
   display: flex;
@@ -79574,6 +79605,490 @@ const Message = ({
     ) : null
   ] });
 };
+styled.nav`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: ${({ theme }) => theme.sizing.Size64 + "px"};
+  padding: 0 ${({ theme }) => theme.sizing.Size24 + "px"};
+  background-color: ${({ theme }) => theme.colors.surface.active.backgroundColor};
+  border-bottom: ${({ theme }) => theme.sizing.Size05 + "px"} solid
+    ${({ theme }) => theme.colors.surface.border?.borderColor ?? theme.colors.onsurface.active.borderColor};
+  box-shadow: ${({ theme }) => theme.shadows.general["1"]};
+`;
+styled.div`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme }) => theme.sizing.Size24 + "px"};
+`;
+styled.div`
+  display: flex;
+  align-items: center;
+`;
+styled.ul`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme }) => theme.sizing.Size4 + "px"};
+  list-style: none;
+  margin: 0;
+  padding: 0;
+`;
+styled.li`
+  display: flex;
+  align-items: center;
+`;
+const itemBase = `
+  display: inline-flex;
+  align-items: center;
+  padding: 6px 12px;
+  border-radius: ${({ theme }) => theme.borderRadius.sm + "px"};
+  font-family: ${({ theme }) => theme.typography.fontFamily};
+  font-size: ${({ theme }) => theme.typography.wide.body1.fontSize};
+  font-weight: ${({ theme }) => theme.typography.wide.body1.fontWeight};
+  line-height: ${({ theme }) => theme.typography.wide.body1.lineHeight};
+  text-decoration: none;
+  background: none;
+  border: none;
+  cursor: pointer;
+  transition: background-color 0.15s ease, color 0.15s ease;
+`;
+styled.a`
+  ${itemBase}
+  color: ${({ theme }) => theme.colors.onsurface.active.textColor};
+
+  &:hover {
+    background-color: ${({ theme }) => theme.colors.onsurface.hover?.backgroundColor ?? theme.colors.surface.hover?.backgroundColor};
+  }
+`;
+styled.button`
+  ${itemBase}
+  color: ${({ theme }) => theme.colors.onsurface.active.textColor};
+
+  &:hover {
+    background-color: ${({ theme }) => theme.colors.onsurface.hover?.backgroundColor ?? theme.colors.surface.hover?.backgroundColor};
+  }
+`;
+styled.div`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme }) => theme.sizing.Size8 + "px"};
+`;
+const Sidebar = styled.aside`
+  display: flex;
+  flex-direction: column;
+  width: ${({ $isSmall }) => $isSmall ? "78px" : "224px"};
+  background-color: #fff;
+  height: 100vh;
+  justify-content: space-between;
+  border-right: 1px solid #dfdfdf;
+  z-index: 2;
+  transition: width 0.2s ease;
+  overflow: hidden;
+`;
+const Frame = styled(Tile)`
+  padding: 0 ${({ $isSmall }) => $isSmall ? "12px" : "16px"};
+  align-items: flex-start;
+  align-self: stretch;
+`;
+const ScrollableFrame = styled.div`
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 0
+    ${({ $isSmall, $hasScrollbar }) => $hasScrollbar ? $isSmall ? "2px" : "12px" : $isSmall ? "8px" : "16px"}
+    0 ${({ $isSmall }) => $isSmall ? "12px" : "16px"};
+  scrollbar-width: thin;
+  scrollbar-color: #d4d4d4 transparent;
+
+  &::-webkit-scrollbar {
+    width: 4px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: #d4d4d4;
+    border-radius: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: #b0b0b0;
+  }
+`;
+const CollapseWrapper = styled.div`
+  display: grid;
+  grid-template-rows: ${({ $isOpen }) => $isOpen ? "1fr" : "0fr"};
+  transition: grid-template-rows 0.2s ease;
+  overflow: hidden;
+
+  & > ul {
+    min-height: 0;
+  }
+`;
+const NavItem$1 = styled.div`
+  display: flex;
+  min-height: 48px;
+  padding: 12px 16px;
+  gap: 4px;
+  /* justify-content: space-between; */
+  align-items: center;
+  align-self: stretch;
+  width: 100%;
+  cursor: pointer;
+  border-radius: 6px;
+  text-decoration: none;
+  white-space: nowrap;
+  color: ${({ $isActive }) => $isActive ? "#fff" : "#3E3E3E"};
+  background-color: ${({ $isActive }) => $isActive ? "#214148" : "transparent"};
+
+  &:hover {
+    background-color: ${({ $isActive }) => $isActive ? "#214148" : "#F4F4F4"};
+    color: ${({ $isActive }) => $isActive ? "#fff" : "#30606B"};
+
+    * {
+      color: inherit !important;
+    }
+  }
+`;
+const NavItem = ({
+  icon,
+  label,
+  href,
+  isActive: isActive2,
+  type: type4 = "default",
+  isOpen,
+  onToggle,
+  onClick,
+  isSmall
+}) => {
+  const isExpandable = type4 === "expandable";
+  const isButton = type4 === "button";
+  const content2 = /* @__PURE__ */ jsxRuntime.jsxs(
+    Tile,
+    {
+      isHorizontal: true,
+      style: {
+        justifyContent: "space-between",
+        width: "100%",
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: "24px", display: "flex", flexShrink: 0 }, children: icon }),
+          !isSmall && /* @__PURE__ */ jsxRuntime.jsx(
+            Typography,
+            {
+              variant: "label2",
+              fontWeight: 500,
+              color: isActive2 ? "#fff" : void 0,
+              children: label
+            }
+          )
+        ] }),
+        isExpandable && !isSmall && /* @__PURE__ */ jsxRuntime.jsx(
+          HiChevronDown,
+          {
+            size: 16,
+            style: {
+              transition: "transform 0.2s ease",
+              transform: isOpen ? "rotate(180deg)" : "rotate(0deg)"
+            }
+          }
+        )
+      ]
+    }
+  );
+  if (isExpandable) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavItem$1,
+      {
+        as: "button",
+        $isActive: isActive2,
+        onClick: onToggle,
+        "aria-expanded": isOpen,
+        style: { border: "none", width: "100%", textAlign: "left" },
+        children: content2
+      }
+    );
+  }
+  if (isButton) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavItem$1,
+      {
+        as: "button",
+        $isActive: isActive2,
+        onClick,
+        style: { border: "none", width: "100%", textAlign: "left" },
+        children: content2
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    NavItem$1,
+    {
+      as: href ? "a" : "div",
+      href,
+      $isActive: isActive2,
+      "aria-current": isActive2 ? "page" : void 0,
+      children: content2
+    }
+  );
+};
+const NavMenu = ({ items, isSmall }) => {
+  const [openPaths, setOpenPaths] = React.useState({});
+  const navRef = React.useRef(null);
+  const currentPaths = items.map((item) => item.currentPath).join(",");
+  React.useEffect(() => {
+    navRef.current?.querySelector("[data-active='true']")?.scrollIntoView({ block: "nearest", behavior: "smooth" });
+  }, [currentPaths]);
+  const togglePath = (path2) => {
+    setOpenPaths((prev2) => ({ ...prev2, [path2]: !prev2[path2] }));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { ref: navRef, style: { width: "100%" }, children: items.map(
+    (item, itemIndex) => item.data.map((group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      group.category && /* @__PURE__ */ jsxRuntime.jsx(
+        Tile,
+        {
+          style: {
+            padding: isSmall ? "0" : "12px 0px",
+            maxHeight: isSmall ? 0 : "40px",
+            opacity: isSmall ? 0 : 1,
+            transition: "opacity 0.15s ease, max-height 0.2s ease, padding 0.2s ease",
+            overflow: "hidden"
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Typography,
+            {
+              variant: "overline2",
+              color: "#6C6C6C",
+              fontWeight: 600,
+              children: group.category.toUpperCase()
+            }
+          )
+        }
+      ),
+      group.routes.map((route) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: isSmall && route.children ? /* @__PURE__ */ jsxRuntime.jsx(
+        OverflowMenu,
+        {
+          placement: "right",
+          offset: 24,
+          trigger: /* @__PURE__ */ jsxRuntime.jsx(Tooltip$2, { title: route.name, placement: "right", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-active": route.children.some(
+                (c) => c.path === item.currentPath
+              ) || void 0,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                NavItem,
+                {
+                  label: route.name,
+                  icon: route.icon,
+                  isActive: route.children.some(
+                    (c) => c.path === item.currentPath
+                  ),
+                  isSmall: true
+                }
+              )
+            }
+          ) }),
+          children: route.children.map((child) => /* @__PURE__ */ jsxRuntime.jsx(OverflowMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: child.path,
+              style: {
+                textDecoration: "none",
+                color: "inherit",
+                display: "block"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "label2", fontWeight: 500, children: child.name })
+            }
+          ) }, child.path))
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Tooltip$2,
+          {
+            title: isSmall ? route.name : void 0,
+            placement: "right",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                "data-active": !route.children && item.currentPath === route.path || void 0,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  NavItem,
+                  {
+                    label: route.name,
+                    icon: route.icon,
+                    type: route.children ? "expandable" : "default",
+                    href: route.children ? void 0 : route.path,
+                    isActive: !route.children && item.currentPath === route.path,
+                    isOpen: openPaths[route.path],
+                    onToggle: () => togglePath(route.path),
+                    isSmall
+                  }
+                )
+              }
+            )
+          }
+        ),
+        route.children && /* @__PURE__ */ jsxRuntime.jsx(CollapseWrapper, { $isOpen: !!openPaths[route.path], children: /* @__PURE__ */ jsxRuntime.jsx(
+          "ul",
+          {
+            style: { listStyle: "none", margin: 0, padding: 0 },
+            children: route.children.map((child) => /* @__PURE__ */ jsxRuntime.jsx(
+              "li",
+              {
+                "data-active": item.currentPath === child.path || void 0,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  NavItem,
+                  {
+                    label: child.name,
+                    icon: child.icon,
+                    href: child.path,
+                    isActive: item.currentPath === child.path,
+                    isSmall
+                  }
+                )
+              },
+              child.path
+            ))
+          }
+        ) })
+      ] }) }, route.path))
+    ] }, `${itemIndex}-${groupIndex}`))
+  ) });
+};
+const gbLogo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAfpJREFUeAHtlctLG0Ecx38z+8rDBkoJpUVK6x9QrKSHHoSlSE+lh0JoT60Hg+JNUBFFFAI5+LrqKSfxIoLgQUXxgRfjshHRgx4EFT0ogg9iskl2Z93ZYPBgdtaoF/F72d/s/H6f33yHmV2AFwEg87i3HZ5IWFMiS9aTK5kAD4Ab6xH9yi8krdgolYSgDF3N/KnxiJKCvTxG3+KOjPs64M62moZ8vKhg08TJzfPfrIL7OECpRMOBP5WtpANTFNK4Nl5BQ6ciVw5k+aOHKA36DVw3TGLBX7HgVDwr4XCtqf6dkYvnc7omAnjtoi/vo7JsLw4Hg2COj9uNyF31rreIbDTq6DTNgVeEqQm1+P7DG09fdedqB5Rw46YBNtRIFp9rttv5hW3IaPnCBMIrPweScqnV2znObOBSi/8TN/CLdK4ID/gEjQVnNUBnO839fkJChRGC2elNOwwGREOOKl4W3C5zmMPhcLg43xs66t49SffQWBQ4jUcgEcT/+xFLjEKZDW6Lm2ypzmJc+OZUSJi0zSKPqqp5ViHzmNJFzHWEMpm8bsN9Erf/PaZ+Ahd3gIp50eKNn/9acMHikbcBqb8upla5hVMxHVS+5sdyBiHHl3rNr8HEBjymlrtCwyvdX+lJ4aBMOW0RRjyuqo0q1KUBj629kbpWKPN/8bx0DaY/qDhSPSx2AAAAAElFTkSuQmCC";
+const NavBar = ({
+  items = [],
+  version: version2,
+  user,
+  headerSlot,
+  actionsSlot
+}) => {
+  const [isSmall, setIsSmall] = React.useState(false);
+  const [hasScrollbar, setHasScrollbar] = React.useState(false);
+  const scrollRef = React.useRef(null);
+  React.useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const check = () => setHasScrollbar(el.scrollHeight > el.clientHeight);
+    check();
+    const observer = new ResizeObserver(check);
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Sidebar, { $isSmall: isSmall, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Tile, { style: { flex: 1, overflow: "hidden" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        Tile,
+        {
+          isHorizontal: !isSmall,
+          style: {
+            justifyContent: "space-between",
+            alignItems: "center",
+            width: "100%",
+            gap: "16px",
+            padding: `${isSmall ? "24px" : "16px"}`,
+            transition: "padding 0.2s ease"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Tile,
+              {
+                isHorizontal: true,
+                style: {
+                  gap: "8px",
+                  alignItems: "center",
+                  padding: "8px"
+                },
+                children: headerSlot ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Avatar, { shape: "square", size: 24, url: gbLogo }),
+                  !isSmall && /* @__PURE__ */ jsxRuntime.jsx(
+                    Typography,
+                    {
+                      variant: "heading3",
+                      fontWeight: 700,
+                      style: {
+                        whiteSpace: "nowrap",
+                        overflow: "hidden",
+                        maxWidth: isSmall ? "0px" : "160px",
+                        opacity: isSmall ? 0 : 1,
+                        transition: "max-width 2s ease, opacity 0.15s ease"
+                      },
+                      children: "GoBolt"
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              HiChevronDoubleLeft,
+              {
+                size: 20,
+                onClick: () => setIsSmall((s) => !s),
+                style: {
+                  cursor: "pointer",
+                  transition: "transform 0.4s ease",
+                  transform: isSmall ? "rotate(180deg)" : "rotate(0deg)"
+                }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ScrollableFrame,
+        {
+          ref: scrollRef,
+          $isSmall: isSmall,
+          $hasScrollbar: hasScrollbar,
+          children: /* @__PURE__ */ jsxRuntime.jsx(NavMenu, { items, isSmall })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Frame, { $isSmall: isSmall, children: [
+      actionsSlot?.(isSmall),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        Tile,
+        {
+          isHorizontal: true,
+          style: {
+            alignItems: "center",
+            width: "100%",
+            gap: "8px",
+            padding: `12px ${isSmall ? "12px" : "16px"}`
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Avatar, { user, size: isSmall ? 32 : 40 }),
+            !isSmall && /* @__PURE__ */ jsxRuntime.jsxs(Typography, { variant: "label2", style: { whiteSpace: "nowrap" }, children: [
+              user.first_name,
+              " ",
+              user.last_name
+            ] })
+          ]
+        }
+      ),
+      !isSmall && /* @__PURE__ */ jsxRuntime.jsx(
+        Tile,
+        {
+          style: {
+            padding: "16px 24px",
+            width: "100%",
+            textAlign: "center"
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsxs(Typography, { variant: "label3", children: [
+            "Version ",
+            version2
+          ] })
+        }
+      )
+    ] })
+  ] });
+};
 const Appointment = (properties) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -87077,8 +87592,8 @@ const mockColumns = [
       const textColor = record.isSelected ? "white" : "#6c6c6c";
       return React.createElement(Typography, {
         variant: "body2",
-        children: typeof address === "string" ? address : JSON.stringify(address),
-        color: `${textColor}`
+        color: `${textColor}`,
+        children: typeof address === "string" ? address : JSON.stringify(address)
       });
     }
   },
@@ -87535,6 +88050,177 @@ const Tabs = ({ items, onChange, selectedId }) => {
     }
   );
 };
+const Wrapper = styled(Tile)`
+  padding: 0 ${({ theme }) => theme.sizing.Size6}px;
+  background-color: #fff;
+
+  &:hover {
+    background-color: #f4f4f4;
+  }
+`;
+const Container = styled(Tile)`
+  flex-direction: row;
+  justify-content: flex-start;
+  gap: 12px;
+  background-color: ${({ theme }) => theme.colors.surface.default};
+  width: 100%;
+  /* padding: 0 ${({ theme }) => theme.sizing.Size24}px; */
+`;
+const TimelineColumn = styled(Tile)`
+  align-items: center;
+  align-self: stretch;
+  flex-shrink: 0;
+  padding: 0;
+  width: 26px;
+`;
+const TimelineLine = styled.div`
+  width: 1px;
+  flex: 1;
+  background-color: ${({ $color }) => $color ?? "#9A9A9A"};
+`;
+const Dot = styled.div`
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  background-color: #9a9a9a;
+`;
+const Content = styled(Tile)`
+  gap: ${({ theme }) => theme.sizing.Size1}px;
+  flex: 1;
+  min-width: 0;
+  padding: ${({ theme }) => theme.sizing.Size3}px 0;
+`;
+const ActionNote = styled(Tile)`
+  padding: 0;
+`;
+const TileLog = ({
+  timestamp,
+  action,
+  status = "none",
+  note: note2,
+  author
+}) => {
+  const { theme } = useGenesis();
+  const isNone = status === "none";
+  const stateColors = {
+    none: "#CBCBCB",
+    success: "#A7DFAF",
+    error: "#F3A9AB",
+    "in-progress": "#AFB8FB",
+    generic: "#CBCBCB"
+  };
+  const stateTextColors = {
+    none: void 0,
+    success: theme.colors.status["success"].onsurface,
+    error: theme.colors.status["error"].onsurface,
+    "in-progress": theme.colors.status["info"].onsurface,
+    generic: theme.colors.status["generic"].onsurface
+  };
+  const stateIcons = {
+    success: /* @__PURE__ */ jsxRuntime.jsx(
+      Badge$1,
+      {
+        state: "success",
+        customIcon: /* @__PURE__ */ jsxRuntime.jsx(
+          HiCheckCircle,
+          {
+            size: 16,
+            color: theme.colors.status["success"].onsurface
+          }
+        ),
+        hasIcon: true
+      }
+    ),
+    error: /* @__PURE__ */ jsxRuntime.jsx(
+      Badge$1,
+      {
+        state: "error",
+        customIcon: /* @__PURE__ */ jsxRuntime.jsx(HiXCircle, { size: 16, color: theme.colors.status["error"].onsurface }),
+        hasIcon: true
+      }
+    ),
+    "in-progress": /* @__PURE__ */ jsxRuntime.jsx(
+      Badge$1,
+      {
+        state: "info",
+        customIcon: /* @__PURE__ */ jsxRuntime.jsx(
+          HiArrowCircleRight,
+          {
+            size: 16,
+            color: theme.colors.status["info"].onsurface
+          }
+        ),
+        hasIcon: true
+      }
+    ),
+    generic: /* @__PURE__ */ jsxRuntime.jsx(
+      Badge$1,
+      {
+        state: "generic",
+        customIcon: /* @__PURE__ */ jsxRuntime.jsx(
+          HiOutlineMinusCircle,
+          {
+            size: 16,
+            color: theme.colors.status["generic"].onsurface
+          }
+        ),
+        hasIcon: true
+      }
+    )
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Wrapper, { children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(TimelineColumn, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TimelineLine, { $color: stateColors[status] }),
+      isNone ? /* @__PURE__ */ jsxRuntime.jsx(Dot, {}) : stateIcons[status],
+      /* @__PURE__ */ jsxRuntime.jsx(TimelineLine, { $color: stateColors[status] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Typography,
+        {
+          variant: "label3",
+          lineHeight: "10px",
+          color: theme.colors.onsurface["copy-light"],
+          children: timestamp
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(ActionNote, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Typography,
+          {
+            variant: "body4",
+            fontSize: "14px",
+            fontWeight: 400,
+            lineHeight: "27px",
+            color: stateTextColors[status],
+            children: action
+          }
+        ),
+        note2 && /* @__PURE__ */ jsxRuntime.jsx(
+          Typography,
+          {
+            variant: "body5",
+            lineHeight: "23px",
+            color: theme.colors.onsurface["copy-light"],
+            children: note2
+          }
+        )
+      ] }),
+      author && /* @__PURE__ */ jsxRuntime.jsx(
+        Typography,
+        {
+          variant: "label3",
+          fontSize: "10px",
+          fontWeight: 500,
+          lineHeight: "10px",
+          color: theme.colors.onsurface["copy-light"],
+          children: author
+        }
+      )
+    ] })
+  ] }) });
+};
 const GlobalStyles = styled.createGlobalStyle`
   * {
     margin: 0;
@@ -87575,6 +88261,7 @@ exports.InputAddon = InputAddon;
 exports.Layout = Layout;
 exports.LineChart = LineChart;
 exports.Message = Message;
+exports.NavBar = NavBar;
 exports.Notification = Notification;
 exports.OverflowMenu = OverflowMenu;
 exports.OverflowMenuItem = OverflowMenuItem;
@@ -87591,6 +88278,7 @@ exports.TableWithControls = TableWithControls;
 exports.Tabs = Tabs;
 exports.Tag = Tag;
 exports.Tile = Tile;
+exports.TileLog = TileLog;
 exports.Toast = Toast;
 exports.Tooltip = Tooltip2;
 exports.Typography = Typography;