@gobolt/genesis 0.6.2 → 0.7.0

package/dist/index.js

@@ -6994,9 +6994,9 @@ var CheckCircleFilled = function CheckCircleFilled2(props, ref) {
     icon: CheckCircleFilled$1
   }));
 };
-var RefIcon$E = /* @__PURE__ */ React.forwardRef(CheckCircleFilled);
+var RefIcon$F = /* @__PURE__ */ React.forwardRef(CheckCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$E.displayName = "CheckCircleFilled";
+  RefIcon$F.displayName = "CheckCircleFilled";
 }
 var CloseCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" };
 var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
@@ -7005,9 +7005,9 @@ var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
     icon: CloseCircleFilled$1
   }));
 };
-var RefIcon$D = /* @__PURE__ */ React.forwardRef(CloseCircleFilled);
+var RefIcon$E = /* @__PURE__ */ React.forwardRef(CloseCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$D.displayName = "CloseCircleFilled";
+  RefIcon$E.displayName = "CloseCircleFilled";
 }
 var CloseOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };
 var CloseOutlined = function CloseOutlined2(props, ref) {
@@ -7016,9 +7016,9 @@ var CloseOutlined = function CloseOutlined2(props, ref) {
     icon: CloseOutlined$1
   }));
 };
-var RefIcon$C = /* @__PURE__ */ React.forwardRef(CloseOutlined);
+var RefIcon$D = /* @__PURE__ */ React.forwardRef(CloseOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$C.displayName = "CloseOutlined";
+  RefIcon$D.displayName = "CloseOutlined";
 }
 var ExclamationCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" };
 var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
@@ -7027,9 +7027,9 @@ var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
     icon: ExclamationCircleFilled$1
   }));
 };
-var RefIcon$B = /* @__PURE__ */ React.forwardRef(ExclamationCircleFilled);
+var RefIcon$C = /* @__PURE__ */ React.forwardRef(ExclamationCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$B.displayName = "ExclamationCircleFilled";
+  RefIcon$C.displayName = "ExclamationCircleFilled";
 }
 var InfoCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "info-circle", "theme": "filled" };
 var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
@@ -7038,9 +7038,9 @@ var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
     icon: InfoCircleFilled$1
   }));
 };
-var RefIcon$A = /* @__PURE__ */ React.forwardRef(InfoCircleFilled);
+var RefIcon$B = /* @__PURE__ */ React.forwardRef(InfoCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$A.displayName = "InfoCircleFilled";
+  RefIcon$B.displayName = "InfoCircleFilled";
 }
 var attributes = "accept acceptCharset accessKey action allowFullScreen allowTransparency\n    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge\n    charSet checked classID className colSpan cols content contentEditable contextMenu\n    controls coords crossOrigin data dateTime default defer dir disabled download draggable\n    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder\n    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity\n    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media\n    mediaGroup method min minLength multiple muted name noValidate nonce open\n    optimum pattern placeholder poster preload radioGroup readOnly rel required\n    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected\n    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style\n    summary tabIndex target title type useMap value width wmode wrap";
 var eventsName = "onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown\n    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick\n    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown\n    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel\n    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough\n    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata\n    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError";
@@ -7274,10 +7274,10 @@ var __rest$X = function(s, e3) {
   return t2;
 };
 const iconMapFilled = {
-  success: RefIcon$E,
-  info: RefIcon$A,
-  error: RefIcon$D,
-  warning: RefIcon$B
+  success: RefIcon$F,
+  info: RefIcon$B,
+  error: RefIcon$E,
+  warning: RefIcon$C
 };
 const IconNode = (props) => {
   const {
@@ -7305,7 +7305,7 @@ const CloseIconNode = (props) => {
     handleClose,
     ariaProps
   } = props;
-  const mergedCloseIcon = closeIcon === true || closeIcon === void 0 ? /* @__PURE__ */ React.createElement(RefIcon$C, null) : closeIcon;
+  const mergedCloseIcon = closeIcon === true || closeIcon === void 0 ? /* @__PURE__ */ React.createElement(RefIcon$D, null) : closeIcon;
   return isClosable ? /* @__PURE__ */ React.createElement("button", Object.assign({
     type: "button",
     onClick: handleClose,
@@ -7816,9 +7816,9 @@ var LoadingOutlined = function LoadingOutlined2(props, ref) {
     icon: LoadingOutlined$1
   }));
 };
-var RefIcon$z = /* @__PURE__ */ React.forwardRef(LoadingOutlined);
+var RefIcon$A = /* @__PURE__ */ React.forwardRef(LoadingOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$z.displayName = "LoadingOutlined";
+  RefIcon$A.displayName = "LoadingOutlined";
 }
 const zIndexContext = /* @__PURE__ */ React__default.createContext(void 0);
 if (process.env.NODE_ENV !== "production") {
@@ -8849,7 +8849,7 @@ const InnerLoadingIcon = /* @__PURE__ */ forwardRef((props, ref) => {
     className: mergedIconCls,
     style: style2,
     ref
-  }, /* @__PURE__ */ React__default.createElement(RefIcon$z, {
+  }, /* @__PURE__ */ React__default.createElement(RefIcon$A, {
     className: iconClassName
   }));
 });
@@ -9585,9 +9585,9 @@ var RightOutlined = function RightOutlined2(props, ref) {
     icon: RightOutlined$1
   }));
 };
-var RefIcon$y = /* @__PURE__ */ React.forwardRef(RightOutlined);
+var RefIcon$z = /* @__PURE__ */ React.forwardRef(RightOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$y.displayName = "RightOutlined";
+  RefIcon$z.displayName = "RightOutlined";
 }
 const genCollapseMotion = (token2) => ({
   [token2.componentCls]: {
@@ -21636,9 +21636,9 @@ var CheckOutlined = function CheckOutlined2(props, ref) {
     icon: CheckOutlined$1
   }));
 };
-var RefIcon$x = /* @__PURE__ */ React.forwardRef(CheckOutlined);
+var RefIcon$y = /* @__PURE__ */ React.forwardRef(CheckOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$x.displayName = "CheckOutlined";
+  RefIcon$y.displayName = "CheckOutlined";
 }
 var DownOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
 var DownOutlined = function DownOutlined2(props, ref) {
@@ -21647,9 +21647,9 @@ var DownOutlined = function DownOutlined2(props, ref) {
     icon: DownOutlined$1
   }));
 };
-var RefIcon$w = /* @__PURE__ */ React.forwardRef(DownOutlined);
+var RefIcon$x = /* @__PURE__ */ React.forwardRef(DownOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$w.displayName = "DownOutlined";
+  RefIcon$x.displayName = "DownOutlined";
 }
 var SearchOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
 var SearchOutlined = function SearchOutlined2(props, ref) {
@@ -21658,9 +21658,9 @@ var SearchOutlined = function SearchOutlined2(props, ref) {
     icon: SearchOutlined$1
   }));
 };
-var RefIcon$v = /* @__PURE__ */ React.forwardRef(SearchOutlined);
+var RefIcon$w = /* @__PURE__ */ React.forwardRef(SearchOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$v.displayName = "SearchOutlined";
+  RefIcon$w.displayName = "SearchOutlined";
 }
 function useIcons$1({
   suffixIcon,
@@ -21680,7 +21680,7 @@ function useIcons$1({
     const warning3 = devUseWarning(componentName);
     warning3.deprecated(!clearIcon, "clearIcon", "allowClear={{ clearIcon: React.ReactNode }}");
   }
-  const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React.createElement(RefIcon$D, null);
+  const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React.createElement(RefIcon$E, null);
   const getSuffixIconNode = (arrowIcon) => {
     if (suffixIcon === null && !hasFeedback && !showArrow) {
       return null;
@@ -21691,7 +21691,7 @@ function useIcons$1({
   if (suffixIcon !== void 0) {
     mergedSuffixIcon = getSuffixIconNode(suffixIcon);
   } else if (loading) {
-    mergedSuffixIcon = getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$z, {
+    mergedSuffixIcon = getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$A, {
       spin: true
     }));
   } else {
@@ -21701,11 +21701,11 @@ function useIcons$1({
       showSearch
     }) => {
       if (open && showSearch) {
-        return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$v, {
+        return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$w, {
           className: iconCls
         }));
       }
-      return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$w, {
+      return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$x, {
         className: iconCls
       }));
     };
@@ -21714,7 +21714,7 @@ function useIcons$1({
   if (menuItemSelectedIcon !== void 0) {
     mergedItemIcon = menuItemSelectedIcon;
   } else if (multiple) {
-    mergedItemIcon = /* @__PURE__ */ React.createElement(RefIcon$x, null);
+    mergedItemIcon = /* @__PURE__ */ React.createElement(RefIcon$y, null);
   } else {
     mergedItemIcon = null;
   }
@@ -21722,7 +21722,7 @@ function useIcons$1({
   if (removeIcon !== void 0) {
     mergedRemoveIcon = removeIcon;
   } else {
-    mergedRemoveIcon = /* @__PURE__ */ React.createElement(RefIcon$C, null);
+    mergedRemoveIcon = /* @__PURE__ */ React.createElement(RefIcon$D, null);
   }
   return {
     clearIcon: mergedClearIcon,
@@ -23678,9 +23678,9 @@ var LeftOutlined = function LeftOutlined2(props, ref) {
     icon: LeftOutlined$1
   }));
 };
-var RefIcon$u = /* @__PURE__ */ React.forwardRef(LeftOutlined);
+var RefIcon$v = /* @__PURE__ */ React.forwardRef(LeftOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$u.displayName = "LeftOutlined";
+  RefIcon$v.displayName = "LeftOutlined";
 }
 var ESC$1 = KeyCode.ESC, TAB = KeyCode.TAB;
 function useAccessibility$1(_ref) {
@@ -25270,9 +25270,9 @@ var BarsOutlined = function BarsOutlined2(props, ref) {
     icon: BarsOutlined$1
   }));
 };
-var RefIcon$t = /* @__PURE__ */ React.forwardRef(BarsOutlined);
+var RefIcon$u = /* @__PURE__ */ React.forwardRef(BarsOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$t.displayName = "BarsOutlined";
+  RefIcon$u.displayName = "BarsOutlined";
 }
 const LayoutContext = /* @__PURE__ */ React.createContext({
   siderHook: {
@@ -25603,11 +25603,11 @@ const Sider = /* @__PURE__ */ React.forwardRef((props, ref) => {
     onClick: toggle,
     className: classNames(`${prefixCls}-zero-width-trigger`, `${prefixCls}-zero-width-trigger-${reverseArrow ? "right" : "left"}`),
     style: zeroWidthTriggerStyle
-  }, trigger || /* @__PURE__ */ React.createElement(RefIcon$t, null)) : null;
+  }, trigger || /* @__PURE__ */ React.createElement(RefIcon$u, null)) : null;
   const reverseIcon = direction === "rtl" === !reverseArrow;
   const iconObj = {
-    expanded: reverseIcon ? /* @__PURE__ */ React.createElement(RefIcon$y, null) : /* @__PURE__ */ React.createElement(RefIcon$u, null),
-    collapsed: reverseIcon ? /* @__PURE__ */ React.createElement(RefIcon$u, null) : /* @__PURE__ */ React.createElement(RefIcon$y, null)
+    expanded: reverseIcon ? /* @__PURE__ */ React.createElement(RefIcon$z, null) : /* @__PURE__ */ React.createElement(RefIcon$v, null),
+    collapsed: reverseIcon ? /* @__PURE__ */ React.createElement(RefIcon$v, null) : /* @__PURE__ */ React.createElement(RefIcon$z, null)
   };
   const status = collapsed ? "collapsed" : "expanded";
   const defaultTrigger = iconObj[status];
@@ -25654,9 +25654,9 @@ var EllipsisOutlined = function EllipsisOutlined2(props, ref) {
     icon: EllipsisOutlined$1
   }));
 };
-var RefIcon$s = /* @__PURE__ */ React.forwardRef(EllipsisOutlined);
+var RefIcon$t = /* @__PURE__ */ React.forwardRef(EllipsisOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$s.displayName = "EllipsisOutlined";
+  RefIcon$t.displayName = "EllipsisOutlined";
 }
 const MenuContext = /* @__PURE__ */ createContext$1({
   prefixCls: "",
@@ -26950,7 +26950,7 @@ const InternalMenu = /* @__PURE__ */ forwardRef((props, ref) => {
     value: contextValue
   }, /* @__PURE__ */ React.createElement(ExportMenu, Object.assign({
     getPopupContainer,
-    overflowedIndicator: /* @__PURE__ */ React.createElement(RefIcon$s, null),
+    overflowedIndicator: /* @__PURE__ */ React.createElement(RefIcon$t, null),
     overflowedIndicatorPopupClassName: classNames(prefixCls, `${prefixCls}-${theme}`, overflowedIndicatorPopupClassName),
     mode: mergedMode,
     selectable: mergedSelectable,
@@ -27434,9 +27434,9 @@ const Dropdown$1 = (props) => {
       rootClassName: classNames(cssVarCls, rootCls),
       expandIcon: /* @__PURE__ */ React.createElement("span", {
         className: `${prefixCls}-menu-submenu-arrow`
-      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$u, {
+      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$v, {
         className: `${prefixCls}-menu-submenu-arrow-icon`
-      }) : /* @__PURE__ */ React.createElement(RefIcon$y, {
+      }) : /* @__PURE__ */ React.createElement(RefIcon$z, {
         className: `${prefixCls}-menu-submenu-arrow-icon`
       })),
       mode: "vertical",
@@ -27602,7 +27602,7 @@ const InternalBreadcrumbItem = (props) => {
         placement: "bottom"
       }, mergeDropDownProps), /* @__PURE__ */ React.createElement("span", {
         className: `${prefixCls}-overlay-link`
-      }, breadcrumbItem, /* @__PURE__ */ React.createElement(RefIcon$w, null)));
+      }, breadcrumbItem, /* @__PURE__ */ React.createElement(RefIcon$x, null)));
     }
     return breadcrumbItem;
   };
@@ -36012,9 +36012,9 @@ var PlusOutlined = function PlusOutlined2(props, ref) {
     icon: PlusOutlined$1
   }));
 };
-var RefIcon$r = /* @__PURE__ */ React.forwardRef(PlusOutlined);
+var RefIcon$s = /* @__PURE__ */ React.forwardRef(PlusOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$r.displayName = "PlusOutlined";
+  RefIcon$s.displayName = "PlusOutlined";
 }
 const TabContext = /* @__PURE__ */ createContext$1(null);
 var useIndicator = function useIndicator2(options) {
@@ -38308,8 +38308,8 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
       }) => {
         onEdit === null || onEdit === void 0 ? void 0 : onEdit(editType === "add" ? event2 : key, editType);
       },
-      removeIcon: (_a = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a !== void 0 ? _a : /* @__PURE__ */ React.createElement(RefIcon$C, null),
-      addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /* @__PURE__ */ React.createElement(RefIcon$r, null),
+      removeIcon: (_a = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a !== void 0 ? _a : /* @__PURE__ */ React.createElement(RefIcon$D, null),
+      addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /* @__PURE__ */ React.createElement(RefIcon$s, null),
       showAdd: hideAdd !== true
     };
   }
@@ -38344,7 +38344,7 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
     style: mergedStyle,
     editable,
     more: Object.assign({
-      icon: (_l = (_k = (_j = (_h = tabs === null || tabs === void 0 ? void 0 : tabs.more) === null || _h === void 0 ? void 0 : _h.icon) !== null && _j !== void 0 ? _j : tabs === null || tabs === void 0 ? void 0 : tabs.moreIcon) !== null && _k !== void 0 ? _k : moreIcon) !== null && _l !== void 0 ? _l : /* @__PURE__ */ React.createElement(RefIcon$s, null),
+      icon: (_l = (_k = (_j = (_h = tabs === null || tabs === void 0 ? void 0 : tabs.more) === null || _h === void 0 ? void 0 : _h.icon) !== null && _j !== void 0 ? _j : tabs === null || tabs === void 0 ? void 0 : tabs.moreIcon) !== null && _k !== void 0 ? _k : moreIcon) !== null && _l !== void 0 ? _l : /* @__PURE__ */ React.createElement(RefIcon$t, null),
       transitionName: `${rootPrefixCls}-slide-up`
     }, more),
     prefixCls,
@@ -41005,7 +41005,7 @@ const getAllowClear = (allowClear) => {
     mergedAllowClear = allowClear;
   } else if (allowClear) {
     mergedAllowClear = {
-      clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$D, null)
+      clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$E, null)
     };
   }
   return mergedAllowClear;
@@ -41187,9 +41187,9 @@ var CalendarOutlined = function CalendarOutlined2(props, ref) {
     icon: CalendarOutlined$1
   }));
 };
-var RefIcon$q = /* @__PURE__ */ React.forwardRef(CalendarOutlined);
+var RefIcon$r = /* @__PURE__ */ React.forwardRef(CalendarOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$q.displayName = "CalendarOutlined";
+  RefIcon$r.displayName = "CalendarOutlined";
 }
 var ClockCircleOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z" } }] }, "name": "clock-circle", "theme": "outlined" };
 var ClockCircleOutlined = function ClockCircleOutlined2(props, ref) {
@@ -41198,9 +41198,9 @@ var ClockCircleOutlined = function ClockCircleOutlined2(props, ref) {
     icon: ClockCircleOutlined$1
   }));
 };
-var RefIcon$p = /* @__PURE__ */ React.forwardRef(ClockCircleOutlined);
+var RefIcon$q = /* @__PURE__ */ React.forwardRef(ClockCircleOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$p.displayName = "ClockCircleOutlined";
+  RefIcon$q.displayName = "ClockCircleOutlined";
 }
 var SwapRightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" } }] }, "name": "swap-right", "theme": "outlined" };
 var SwapRightOutlined = function SwapRightOutlined2(props, ref) {
@@ -41209,9 +41209,9 @@ var SwapRightOutlined = function SwapRightOutlined2(props, ref) {
     icon: SwapRightOutlined$1
   }));
 };
-var RefIcon$o = /* @__PURE__ */ React.forwardRef(SwapRightOutlined);
+var RefIcon$p = /* @__PURE__ */ React.forwardRef(SwapRightOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$o.displayName = "SwapRightOutlined";
+  RefIcon$p.displayName = "SwapRightOutlined";
 }
 function getPlaceholder(locale2, picker, customizePlaceholder) {
   if (customizePlaceholder !== void 0) {
@@ -41447,7 +41447,7 @@ const generateRangePicker = (generateConfig2) => {
       status: contextStatus,
       feedbackIcon
     } = formItemContext;
-    const suffixNode = /* @__PURE__ */ React.createElement(React.Fragment, null, picker === TIME ? /* @__PURE__ */ React.createElement(RefIcon$p, null) : /* @__PURE__ */ React.createElement(RefIcon$q, null), hasFeedback && feedbackIcon);
+    const suffixNode = /* @__PURE__ */ React.createElement(React.Fragment, null, picker === TIME ? /* @__PURE__ */ React.createElement(RefIcon$q, null) : /* @__PURE__ */ React.createElement(RefIcon$r, null), hasFeedback && feedbackIcon);
     useImperativeHandle(ref, () => innerRef.current);
     const [contextLocale] = useLocale$1("Calendar", locale$2);
     const locale2 = Object.assign(Object.assign({}, contextLocale), props.locale);
@@ -41458,7 +41458,7 @@ const generateRangePicker = (generateConfig2) => {
       separator: /* @__PURE__ */ React.createElement("span", {
         "aria-label": "to",
         className: `${prefixCls}-separator`
-      }, /* @__PURE__ */ React.createElement(RefIcon$o, null)),
+      }, /* @__PURE__ */ React.createElement(RefIcon$p, null)),
       disabled: mergedDisabled,
       ref: innerRef,
       placement,
@@ -41602,7 +41602,7 @@ const generatePicker$1 = (generateConfig2) => {
         status: contextStatus,
         feedbackIcon
       } = formItemContext;
-      const suffixNode = /* @__PURE__ */ React.createElement(React.Fragment, null, mergedPicker === "time" ? /* @__PURE__ */ React.createElement(RefIcon$p, null) : /* @__PURE__ */ React.createElement(RefIcon$q, null), hasFeedback && feedbackIcon);
+      const suffixNode = /* @__PURE__ */ React.createElement(React.Fragment, null, mergedPicker === "time" ? /* @__PURE__ */ React.createElement(RefIcon$q, null) : /* @__PURE__ */ React.createElement(RefIcon$r, null), hasFeedback && feedbackIcon);
       const [contextLocale] = useLocale$1("DatePicker", locale$2);
       const locale2 = Object.assign(Object.assign({}, contextLocale), props.locale);
       const [zIndex] = useZIndex("DatePicker", (_a = mergedStyles.popup.root) === null || _a === void 0 ? void 0 : _a.zIndex);
@@ -41864,7 +41864,7 @@ const DropdownButton = (props) => {
     placement,
     getPopupContainer,
     href,
-    icon = /* @__PURE__ */ React.createElement(RefIcon$s, null),
+    icon = /* @__PURE__ */ React.createElement(RefIcon$t, null),
     title,
     buttonsRender = (buttons) => buttons,
     mouseEnterDelay,
@@ -42923,9 +42923,9 @@ var QuestionCircleOutlined = function QuestionCircleOutlined2(props, ref) {
     icon: QuestionCircleOutlined$1
   }));
 };
-var RefIcon$n = /* @__PURE__ */ React.forwardRef(QuestionCircleOutlined);
+var RefIcon$o = /* @__PURE__ */ React.forwardRef(QuestionCircleOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$n.displayName = "QuestionCircleOutlined";
+  RefIcon$o.displayName = "QuestionCircleOutlined";
 }
 var __rest$l = function(s, e3) {
   var t2 = {};
@@ -42973,7 +42973,7 @@ const FormItemLabel = ({
   const tooltipProps = convertToTooltipProps(tooltip);
   if (tooltipProps) {
     const {
-      icon = /* @__PURE__ */ React.createElement(RefIcon$n, null)
+      icon = /* @__PURE__ */ React.createElement(RefIcon$o, null)
     } = tooltipProps, restTooltipProps = __rest$l(tooltipProps, ["icon"]);
     const tooltipNode = /* @__PURE__ */ React.createElement(Tooltip$2, Object.assign({}, restTooltipProps), /* @__PURE__ */ React.cloneElement(icon, {
       className: `${prefixCls}-item-tooltip`,
@@ -43018,10 +43018,10 @@ const FormItemLabel = ({
   }, labelChildren));
 };
 const iconMap = {
-  success: RefIcon$E,
-  warning: RefIcon$B,
-  error: RefIcon$D,
-  validating: RefIcon$z
+  success: RefIcon$F,
+  warning: RefIcon$C,
+  error: RefIcon$E,
+  validating: RefIcon$A
 };
 function StatusProvider({
   children: children2,
@@ -43511,9 +43511,9 @@ var EyeOutlined = function EyeOutlined2(props, ref) {
     icon: EyeOutlined$1
   }));
 };
-var RefIcon$m = /* @__PURE__ */ React.forwardRef(EyeOutlined);
+var RefIcon$n = /* @__PURE__ */ React.forwardRef(EyeOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$m.displayName = "EyeOutlined";
+  RefIcon$n.displayName = "EyeOutlined";
 }
 function addEventListenerWrap(target, eventType, cb, option) {
   var callback = ReactDOM__default.unstable_batchedUpdates ? function run(e3) {
@@ -43891,9 +43891,9 @@ var EyeInvisibleOutlined = function EyeInvisibleOutlined2(props, ref) {
     icon: EyeInvisibleOutlined$1
   }));
 };
-var RefIcon$l = /* @__PURE__ */ React.forwardRef(EyeInvisibleOutlined);
+var RefIcon$m = /* @__PURE__ */ React.forwardRef(EyeInvisibleOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$l.displayName = "EyeInvisibleOutlined";
+  RefIcon$m.displayName = "EyeInvisibleOutlined";
 }
 var __rest$g = function(s, e3) {
   var t2 = {};
@@ -43903,7 +43903,7 @@ var __rest$g = function(s, e3) {
   }
   return t2;
 };
-const defaultIconRender = (visible) => visible ? /* @__PURE__ */ React.createElement(RefIcon$m, null) : /* @__PURE__ */ React.createElement(RefIcon$l, null);
+const defaultIconRender = (visible) => visible ? /* @__PURE__ */ React.createElement(RefIcon$n, null) : /* @__PURE__ */ React.createElement(RefIcon$m, null);
 const actionMap = {
   click: "onClick",
   hover: "onMouseOver"
@@ -44058,7 +44058,7 @@ const Search = /* @__PURE__ */ React.forwardRef((props, ref) => {
     customOnPressEnter === null || customOnPressEnter === void 0 ? void 0 : customOnPressEnter(e3);
     onSearch(e3);
   };
-  const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React.createElement(RefIcon$v, null) : null;
+  const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React.createElement(RefIcon$w, null) : null;
   const btnClassName = `${prefixCls}-button`;
   let button2;
   const enterButtonAsElement = enterButton || {};
@@ -44726,9 +44726,9 @@ var DoubleLeftOutlined = function DoubleLeftOutlined2(props, ref) {
     icon: DoubleLeftOutlined$1
   }));
 };
-var RefIcon$k = /* @__PURE__ */ React.forwardRef(DoubleLeftOutlined);
+var RefIcon$l = /* @__PURE__ */ React.forwardRef(DoubleLeftOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$k.displayName = "DoubleLeftOutlined";
+  RefIcon$l.displayName = "DoubleLeftOutlined";
 }
 var DoubleRightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z" } }] }, "name": "double-right", "theme": "outlined" };
 var DoubleRightOutlined = function DoubleRightOutlined2(props, ref) {
@@ -44737,9 +44737,9 @@ var DoubleRightOutlined = function DoubleRightOutlined2(props, ref) {
     icon: DoubleRightOutlined$1
   }));
 };
-var RefIcon$j = /* @__PURE__ */ React.forwardRef(DoubleRightOutlined);
+var RefIcon$k = /* @__PURE__ */ React.forwardRef(DoubleRightOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$j.displayName = "DoubleRightOutlined";
+  RefIcon$k.displayName = "DoubleRightOutlined";
 }
 var locale$1 = {
   // Options
@@ -45965,21 +45965,21 @@ const Pagination2 = (props) => {
       className: `${prefixCls}-item-link`,
       type: "button",
       tabIndex: -1
-    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$y, null) : /* @__PURE__ */ React.createElement(RefIcon$u, null));
+    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$z, null) : /* @__PURE__ */ React.createElement(RefIcon$v, null));
     const nextIcon = /* @__PURE__ */ React.createElement("button", {
       className: `${prefixCls}-item-link`,
       type: "button",
       tabIndex: -1
-    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$u, null) : /* @__PURE__ */ React.createElement(RefIcon$y, null));
+    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$v, null) : /* @__PURE__ */ React.createElement(RefIcon$z, null));
     const jumpPrevIcon = (
       // biome-ignore lint/a11y/useValidAnchor: it is hard to refactor
       /* @__PURE__ */ React.createElement("a", {
         className: `${prefixCls}-item-link`
       }, /* @__PURE__ */ React.createElement("div", {
         className: `${prefixCls}-item-container`
-      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$j, {
+      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$k, {
         className: `${prefixCls}-item-link-icon`
-      }) : /* @__PURE__ */ React.createElement(RefIcon$k, {
+      }) : /* @__PURE__ */ React.createElement(RefIcon$l, {
         className: `${prefixCls}-item-link-icon`
       }), ellipsis))
     );
@@ -45989,9 +45989,9 @@ const Pagination2 = (props) => {
         className: `${prefixCls}-item-link`
       }, /* @__PURE__ */ React.createElement("div", {
         className: `${prefixCls}-item-container`
-      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$k, {
+      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$l, {
         className: `${prefixCls}-item-link-icon`
-      }) : /* @__PURE__ */ React.createElement(RefIcon$j, {
+      }) : /* @__PURE__ */ React.createElement(RefIcon$k, {
         className: `${prefixCls}-item-link-icon`
       }), ellipsis))
     );
@@ -46624,7 +46624,7 @@ const Overlay = (props) => {
     cancelText,
     okText,
     okType = "primary",
-    icon = /* @__PURE__ */ React.createElement(RefIcon$B, null),
+    icon = /* @__PURE__ */ React.createElement(RefIcon$C, null),
     showCancel = true,
     close,
     onConfirm,
@@ -46702,7 +46702,7 @@ const InternalPopconfirm = /* @__PURE__ */ React.forwardRef((props, ref) => {
     placement = "top",
     trigger = "click",
     okType = "primary",
-    icon = /* @__PURE__ */ React.createElement(RefIcon$B, null),
+    icon = /* @__PURE__ */ React.createElement(RefIcon$C, null),
     children: children2,
     overlayClassName,
     onOpenChange,
@@ -47693,9 +47693,9 @@ const Progress$2 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     if (infoPosition === "inner" || format3 || progressStatus !== "exception" && progressStatus !== "success") {
       text2 = textFormatter(validProgress(percent), validProgress(successPercent));
     } else if (progressStatus === "exception") {
-      text2 = isLineType ? /* @__PURE__ */ React.createElement(RefIcon$D, null) : /* @__PURE__ */ React.createElement(RefIcon$C, null);
+      text2 = isLineType ? /* @__PURE__ */ React.createElement(RefIcon$E, null) : /* @__PURE__ */ React.createElement(RefIcon$D, null);
     } else if (progressStatus === "success") {
-      text2 = isLineType ? /* @__PURE__ */ React.createElement(RefIcon$E, null) : /* @__PURE__ */ React.createElement(RefIcon$x, null);
+      text2 = isLineType ? /* @__PURE__ */ React.createElement(RefIcon$F, null) : /* @__PURE__ */ React.createElement(RefIcon$y, null);
     }
     return /* @__PURE__ */ React.createElement("span", {
       className: classNames(`${prefixCls}-text`, {
@@ -47767,6 +47767,17 @@ const Progress$2 = /* @__PURE__ */ React.forwardRef((props, ref) => {
 if (process.env.NODE_ENV !== "production") {
   Progress$2.displayName = "Progress";
 }
+var ArrowLeftOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" } }] }, "name": "arrow-left", "theme": "outlined" };
+var ArrowLeftOutlined = function ArrowLeftOutlined2(props, ref) {
+  return /* @__PURE__ */ React.createElement(Icon$3, _extends$1({}, props, {
+    ref,
+    icon: ArrowLeftOutlined$1
+  }));
+};
+var RefIcon$j = /* @__PURE__ */ React.forwardRef(ArrowLeftOutlined);
+if (process.env.NODE_ENV !== "production") {
+  RefIcon$j.displayName = "ArrowLeftOutlined";
+}
 var CaretDownFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" } }] }, "name": "caret-down", "theme": "filled" };
 var CaretDownFilled = function CaretDownFilled2(props, ref) {
   return /* @__PURE__ */ React.createElement(Icon$3, _extends$1({}, props, {
@@ -48756,9 +48767,9 @@ const Unauthorized = () => /* @__PURE__ */ React.createElement("svg", {
   strokeWidth: "1.1"
 })));
 const IconMap = {
-  success: RefIcon$E,
-  error: RefIcon$D,
-  info: RefIcon$B,
+  success: RefIcon$F,
+  error: RefIcon$E,
+  info: RefIcon$C,
   warning: RefIcon
 };
 const ExceptionMap = {
@@ -49247,7 +49258,7 @@ const InternalSwitch = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const prefixCls = getPrefixCls("switch", customizePrefixCls);
   const loadingIcon = /* @__PURE__ */ React.createElement("div", {
     className: `${prefixCls}-handle`
-  }, loading && /* @__PURE__ */ React.createElement(RefIcon$z, {
+  }, loading && /* @__PURE__ */ React.createElement(RefIcon$A, {
     className: `${prefixCls}-loading-icon`
   }));
   const [wrapCSSVar, hashId, cssVarCls] = useStyle$3(prefixCls);
@@ -52651,7 +52662,7 @@ const useSelection = (config, rowSelection) => {
         }, /* @__PURE__ */ React.createElement(Dropdown, {
           menu,
           getPopupContainer
-        }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(RefIcon$w, null))));
+        }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(RefIcon$x, null))));
       }
       const allDisabledData = flattedData.map((record, index2) => {
         const key = getRowKey2(record, index2);
@@ -54719,7 +54730,7 @@ const SwitcherIconCom = (props) => {
     if (/* @__PURE__ */ React.isValidElement(switcherLoadingIcon)) {
       return switcherLoadingIcon;
     }
-    return /* @__PURE__ */ React.createElement(RefIcon$z, {
+    return /* @__PURE__ */ React.createElement(RefIcon$A, {
       className: `${prefixCls}-switcher-loading-icon`
     });
   }
@@ -55089,7 +55100,7 @@ const FilterSearch = (props) => {
   return /* @__PURE__ */ React.createElement("div", {
     className: `${tablePrefixCls}-filter-dropdown-search`
   }, /* @__PURE__ */ React.createElement(Input$3, {
-    prefix: /* @__PURE__ */ React.createElement(RefIcon$v, null),
+    prefix: /* @__PURE__ */ React.createElement(RefIcon$w, null),
     placeholder: locale2.filterSearchPlaceholder,
     onChange,
     value: value2,
@@ -58680,7 +58691,7 @@ const CopyBtn = ({
     onClick: onCopy,
     "aria-label": ariaLabel,
     tabIndex
-  }, copied ? getNode(iconNodes[1], /* @__PURE__ */ React.createElement(RefIcon$x, null), true) : getNode(iconNodes[0], btnLoading ? /* @__PURE__ */ React.createElement(RefIcon$z, null) : /* @__PURE__ */ React.createElement(RefIcon$d, null), true)));
+  }, copied ? getNode(iconNodes[1], /* @__PURE__ */ React.createElement(RefIcon$y, null), true) : getNode(iconNodes[0], btnLoading ? /* @__PURE__ */ React.createElement(RefIcon$A, null) : /* @__PURE__ */ React.createElement(RefIcon$d, null), true)));
 };
 const MeasureText = /* @__PURE__ */ React.forwardRef(({
   style: style2,
@@ -59278,15 +59289,6 @@ const Avatar$1 = styled(Avatar$2)`
   return getGenesisClass$d(theme, type4, state);
 }}
 `;
-const getVariant$2 = (typography2, variant, breakpoint, fontSize, fontWeight) => {
-  const typeClass = typography2["medium"];
-  return `
-        font-size: ${typeClass}.fontSize}px !important;
-        line-height: ${typeClass.lineHeight};
-        letter-spacing: ${typeClass.letterSpacing}px;
-        font-weight: ${typeClass.fontWeight};
-      `;
-};
 const getColor = (color2, colors2, $themeType) => {
   if (color2) {
     return color2;
@@ -59302,12 +59304,13 @@ const getFontFamily = (variant) => {
     ${variant.includes("digits") ? "'Roboto Mono', sans-serif" : "'Inter', sans-serif"} !important;
   `;
 };
-const getGenesisTypographyClass = ({ colors: colors2, typography: typography2 }, $themeType, variant, state, breakpoint, color2, $isFullWidth, fontSize, fontWeight) => `
+const getGenesisTypographyClass = ({ colors: colors2, typography: typography2 }, $themeType, variant, state, color2, $isFullWidth, fontSize, fontWeight, $letterSpacing, $lineHeight) => `
     &.ant-typography {
       font-family: ${getFontFamily(variant)};
       color: ${getColor(color2, colors2, $themeType)} !important;
-      ${getVariant$2(typography2)}
       margin-bottom: 0 !important;
+      letter-spacing: ${$letterSpacing} !important;
+      line-height: ${$lineHeight} !important;
       width: ${$isFullWidth ? "100%" : "auto"};
       font-weight: ${fontWeight} !important;
       font-size: ${fontSize} !important;
@@ -59327,22 +59330,24 @@ const Headline = styled(Typography$1.Title)`
   $themeType,
   variant,
   state,
-  breakpoint,
   color: color2,
   fontSize,
   fontWeight,
-  $isFullWidth
+  $isFullWidth,
+  $letterSpacing,
+  $lineHeight
 }) => {
   return getGenesisTypographyClass(
     theme,
     $themeType,
     variant,
     state,
-    breakpoint,
     color2,
+    $isFullWidth,
     fontSize,
     fontWeight,
-    $isFullWidth
+    $letterSpacing,
+    $lineHeight
   );
 }}
 `;
@@ -59354,22 +59359,24 @@ const Paragraph = styled(
   $themeType,
   variant,
   state,
-  breakpoint,
   color: color2,
   $isFullWidth,
   fontSize,
-  fontWeight
+  fontWeight,
+  $letterSpacing,
+  $lineHeight
 }) => {
   return getGenesisTypographyClass(
     theme,
     $themeType,
     variant,
     state,
-    breakpoint,
     color2,
     $isFullWidth,
     fontSize,
-    fontWeight
+    fontWeight,
+    $letterSpacing,
+    $lineHeight
   );
 }}
 `;
@@ -59379,22 +59386,24 @@ const Text = styled(Typography$1.Text)`
   $themeType,
   variant,
   state,
-  breakpoint,
   color: color2,
   $isFullWidth,
   fontSize,
-  fontWeight
+  fontWeight,
+  $letterSpacing,
+  $lineHeight
 }) => {
   return getGenesisTypographyClass(
     theme,
     $themeType,
     variant,
     state,
-    breakpoint,
     color2,
     $isFullWidth,
     fontSize,
-    fontWeight
+    fontWeight,
+    $letterSpacing,
+    $lineHeight
   );
 }}
 `;
@@ -60162,14 +60171,15 @@ const ToastRow = styled.div`
   align-items: center;
   gap: ${({ theme }) => theme.sizing.Size4}px;
   padding: ${({ theme }) => theme.sizing.Size3}px;
-  background-color: ${({ theme, state }) => theme.colors.surface.default};
+  /* background-color: ${({ theme, state }) => theme.colors.surface.default}; */
   border-left: ${({ theme, state }) => `2px solid ${theme.colors.status[state].default}`};
   pointer-events: none;
   cursor: default;
   border-radius: ${({ theme }) => theme.borderRadius.BorderRadiusXs}px;
   height: 56px;
   width: ${({ theme, state, size }) => size === "standard" ? "340px" : "240px"};
-  background-color: ${({ theme, state }) => theme.colors.surface.default};
+  /* background-color: ${({ theme, state }) => theme.colors.surface.default}; */
+  background-color: white;
   box-shadow: 0px 4px 16px 0px #00000026;
 `;
 const ToastCloseButton = styled.button`
@@ -60280,7 +60290,7 @@ const Toast = ({
         )
       }
     ) : null,
-    close ? /* @__PURE__ */ jsx(ToastCloseButton, { onClick: close, children: /* @__PURE__ */ jsx(RefIcon$C, { style: { fontSize: 18 } }) }) : null
+    close ? /* @__PURE__ */ jsx(ToastCloseButton, { onClick: close, children: /* @__PURE__ */ jsx(RefIcon$D, { style: { fontSize: 18 } }) }) : null
   ] });
 };
 const ToastContext = React__default.createContext(
@@ -60369,7 +60379,8 @@ const Typography = ({
   isDisabled,
   ...rest
 }) => {
-  const { breakpoint } = useGenesis();
+  const { theme } = useGenesis();
+  const breakpoint = "wide";
   if (variant.startsWith("display") || variant.startsWith("heading")) {
     const level = variant.split("heading")[1] || variant.split("display")[1];
     return /* @__PURE__ */ jsx(
@@ -60378,14 +60389,15 @@ const Typography = ({
         state,
         $themeType: themeType,
         variant,
-        breakpoint,
         color: color2,
         level: Number.parseInt(level),
         $isFullWidth: isFullWidth,
         style: style2,
-        fontSize,
+        fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
         fontWeight,
         disabled: isDisabled,
+        $letterSpacing: theme.typography[breakpoint][variant].letterSpacing,
+        $lineHeight: theme.typography[breakpoint][variant].lineHeight,
         ...rest,
         children: children2
       }
@@ -60399,13 +60411,14 @@ const Typography = ({
         state,
         $themeType: themeType,
         variant: validVariant,
-        breakpoint,
         color: color2,
         $isFullWidth: isFullWidth,
         style: style2,
         disabled: isDisabled,
-        fontSize,
+        fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
         fontWeight,
+        $letterSpacing: theme.typography[breakpoint][validVariant].letterSpacing,
+        $lineHeight: theme.typography[breakpoint][validVariant].lineHeight,
         ...rest,
         children: children2
       }
@@ -60417,13 +60430,14 @@ const Typography = ({
       state,
       $themeType: themeType,
       variant: validVariant,
-      breakpoint,
       color: color2,
       $isFullWidth: isFullWidth,
       style: style2,
       disabled: isDisabled,
-      fontSize,
+      fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
       fontWeight,
+      $letterSpacing: theme.typography[breakpoint][validVariant].letterSpacing,
+      $lineHeight: theme.typography[breakpoint][validVariant].lineHeight,
       ...rest,
       children: children2
     }
@@ -74314,7 +74328,6 @@ const Input2 = React__default.forwardRef(
     size = "normal",
     onChange,
     value: value2,
-    isPassword,
     ...rest
   }, ref) => {
     const addonAfter = React__default.isValidElement(rest.addonAfter) && rest.addonAfter.type === Select$1 ? React__default.cloneElement(
@@ -74726,6 +74739,401 @@ const Form2 = Object.assign(
     useForm: Form$1.useForm
   }
 );
+const getGenesisClass$9 = ({ sizing: sizing2 }, $isHorizontal = false) => `
+    display: flex;
+    flex-direction: ${$isHorizontal ? "row" : "column"};
+    padding: ${sizing2.Size4};
+ `;
+const Tile$1 = styled.div`
+  ${({ theme, $isHorizontal }) => {
+  return getGenesisClass$9(theme, $isHorizontal);
+}}
+`;
+const Tile = ({
+  children: children2,
+  dataTestId,
+  className,
+  style: style2,
+  isHorizontal = false
+}) => {
+  return /* @__PURE__ */ jsx(
+    Tile$1,
+    {
+      className,
+      "data-testid": dataTestId,
+      style: style2,
+      $isHorizontal: isHorizontal,
+      children: children2
+    }
+  );
+};
+const slideDown = keyframes`
+  0% {
+    opacity: 0;
+    transform: translateY(-6px) scale(0.96);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+`;
+const slideUp = keyframes`
+  0% {
+    opacity: 0;
+    transform: translateY(6px) scale(0.96);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+`;
+const slideLeft = keyframes`
+  0% {
+    opacity: 0;
+    transform: translateX(6px) scale(0.96);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0) scale(1);
+  }
+`;
+const slideRight = keyframes`
+  0% {
+    opacity: 0;
+    transform: translateX(-6px) scale(0.96);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0) scale(1);
+  }
+`;
+const getGenesisClass$8 = (theme) => ``;
+const OverflowMenuWrapper = styled.div`
+  ${({ theme }) => {
+  return getGenesisClass$8();
+}}
+
+  position: relative;
+  display: inline-block;
+`;
+const OverflowMenuContainer = styled.div`
+  ${({ theme }) => {
+  return getGenesisClass$8();
+}}
+
+  background: ${({ theme }) => theme.colors.surface.default?.backgroundColor};
+  border: 1px solid #d9d9d9;
+  border-radius: ${({ theme }) => theme.borderRadius.BorderRadiusSm}px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  min-width: 120px;
+  max-width: 300px;
+  overflow: hidden;
+  z-index: 1000;
+  margin: 0;
+  padding: 0;
+
+  /* Animation based on placement with enhanced smoothness */
+  animation: ${({ $placement, $isAnimating }) => {
+  if (!$isAnimating) return "none";
+  switch ($placement) {
+    case "bottom": {
+      return slideDown;
+    }
+    case "top": {
+      return slideUp;
+    }
+    case "left": {
+      return slideLeft;
+    }
+    case "right": {
+      return slideRight;
+    }
+    default: {
+      return slideDown;
+    }
+  }
+}}
+    0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+
+  /* Ensure ultra-smooth transitions without filter */
+  transition:
+    opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
+    transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+
+  /* Hardware acceleration and performance optimizations */
+  will-change: transform, opacity;
+  backface-visibility: hidden;
+  transform: translateZ(0);
+  transform-style: preserve-3d;
+
+  /* Initial visible state - let animation handle the entrance */
+  opacity: 1;
+
+  /* Animation will override initial state when $isAnimating is true */
+
+  /* Prevent layout shifts and ensure smooth rendering */
+  contain: layout style paint;
+  isolation: isolate;
+
+  /* Smooth font rendering */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+`;
+const OverflowMenuItem$1 = styled.div`
+  padding: 8px 12px;
+  cursor: pointer;
+  background-color: ${({ theme }) => theme.colors.surface.default?.backgroundColor || "#ffffff"};
+
+  &:hover {
+    background-color: ${({ theme }) => theme.colors.surface.hover?.backgroundColor || "#F4F4F4"};
+  }
+
+  &:active {
+    background-color: ${({ theme }) => theme.colors.surface.active?.backgroundColor || "#E0E0E0"};
+  }
+`;
+const OverflowMenuItem = ({ children: children2, onClick }) => {
+  return /* @__PURE__ */ jsx(OverflowMenuItem$1, { onClick, children: children2 });
+};
+const DefaultTrigger = () => {
+  return /* @__PURE__ */ jsx(UtilityButton, { isIconButton: true, size: "small", children: /* @__PURE__ */ jsx(HiDotsHorizontal, { size: 24 }) });
+};
+const DefaultTriggerWithOverrideTextColor = ({
+  overrideTextColor
+}) => {
+  return /* @__PURE__ */ jsx(UtilityButton, { isIconButton: true, size: "small", children: /* @__PURE__ */ jsx(HiDotsHorizontal, { style: { color: overrideTextColor }, size: 24 }) });
+};
+const OverflowMenu = forwardRef(
+  ({
+    items,
+    children: children2,
+    trigger = /* @__PURE__ */ jsx(DefaultTrigger, {}),
+    isOpen: controlledIsOpen,
+    onOpenChange,
+    placement = "bottom",
+    alignment = "left",
+    offset: offset2 = 8,
+    className,
+    style: style2,
+    onItemClick,
+    overrideTextColor,
+    getPopupContainer = () => document.body
+  }, ref) => {
+    const [internalIsOpen, setInternalIsOpen] = useState(false);
+    const [isAnimating, setIsAnimating] = useState(false);
+    const [triggerRect, setTriggerRect] = useState(null);
+    const triggerRef = useRef(null);
+    const menuRef = useRef(null);
+    const { theme } = useGenesis();
+    const isOpen = controlledIsOpen === void 0 ? internalIsOpen : controlledIsOpen;
+    const handleOpenChange = useCallback(
+      (open) => {
+        if (onOpenChange) {
+          onOpenChange(open);
+        } else {
+          setInternalIsOpen(open);
+        }
+      },
+      [onOpenChange]
+    );
+    const handleTriggerClick = () => {
+      handleOpenChange(!isOpen);
+    };
+    const handleClickOutside = useCallback(
+      (event2) => {
+        if (triggerRef.current && menuRef.current && !triggerRef.current.contains(event2.target) && !menuRef.current.contains(event2.target)) {
+          handleOpenChange(false);
+        }
+      },
+      [handleOpenChange]
+    );
+    useEffect(() => {
+      if (isOpen) {
+        if (getPopupContainer !== void 0 && triggerRef.current) {
+          const rect = triggerRef.current.getBoundingClientRect();
+          setTriggerRect(rect);
+        }
+        setIsAnimating(true);
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+          document.removeEventListener("mousedown", handleClickOutside);
+        };
+      } else {
+        setIsAnimating(false);
+        setTriggerRect(null);
+        document.removeEventListener("mousedown", handleClickOutside);
+      }
+    }, [isOpen, handleClickOutside, getPopupContainer]);
+    const getMenuStyle = useMemo$1(() => {
+      const baseStyle = {
+        position: getPopupContainer !== void 0 ? "fixed" : "absolute",
+        zIndex: 1e3,
+        ...style2
+      };
+      if (getPopupContainer !== void 0 && triggerRect) {
+        const { top, left, right, bottom, width, height } = triggerRect;
+        switch (placement) {
+          case "bottom": {
+            return {
+              ...baseStyle,
+              top: bottom + offset2,
+              ...alignment === "right" ? { right: window.innerWidth - right } : { left }
+            };
+          }
+          case "top": {
+            return {
+              ...baseStyle,
+              bottom: window.innerHeight - top + offset2,
+              ...alignment === "right" ? { right: window.innerWidth - right } : { left }
+            };
+          }
+          case "left": {
+            return {
+              ...baseStyle,
+              top,
+              right: window.innerWidth - left + offset2,
+              ...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
+            };
+          }
+          case "right": {
+            return {
+              ...baseStyle,
+              top,
+              left: right + offset2,
+              ...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
+            };
+          }
+          default: {
+            return baseStyle;
+          }
+        }
+      }
+      switch (placement) {
+        case "bottom": {
+          return {
+            ...baseStyle,
+            top: `calc(100% + ${offset2}px)`,
+            ...alignment === "right" ? { right: 0 } : { left: 0 }
+          };
+        }
+        case "top": {
+          return {
+            ...baseStyle,
+            bottom: `calc(100% + ${offset2}px)`,
+            ...alignment === "right" ? { right: 0 } : { left: 0 }
+          };
+        }
+        case "left": {
+          return {
+            ...baseStyle,
+            top: 0,
+            right: `calc(100% + ${offset2}px)`,
+            ...alignment === "right" ? { bottom: 0 } : {}
+          };
+        }
+        case "right": {
+          return {
+            ...baseStyle,
+            top: 0,
+            left: `calc(100% + ${offset2}px)`,
+            ...alignment === "right" ? { bottom: 0 } : {}
+          };
+        }
+        default: {
+          return baseStyle;
+        }
+      }
+    }, [placement, alignment, offset2, style2, getPopupContainer, triggerRect]);
+    const handleItemClick = useCallback(
+      (item) => {
+        onItemClick?.(item);
+        handleOpenChange(false);
+      },
+      [onItemClick, handleOpenChange]
+    );
+    const renderMenuContent = (content2) => /* @__PURE__ */ jsx(
+      OverflowMenuContainer,
+      {
+        ref: menuRef,
+        theme,
+        className,
+        style: getMenuStyle,
+        $isAnimating: isAnimating,
+        $placement: placement,
+        children: content2
+      }
+    );
+    const renderMenu = (content2) => {
+      if (getPopupContainer !== void 0 && triggerRef.current) {
+        const container = getPopupContainer(triggerRef.current);
+        return createPortal(renderMenuContent(content2), container);
+      }
+      return renderMenuContent(content2);
+    };
+    if (items && items.length > 0) {
+      return /* @__PURE__ */ jsxs(OverflowMenuWrapper, { ref, children: [
+        /* @__PURE__ */ jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: overrideTextColor ? /* @__PURE__ */ jsx(
+          DefaultTriggerWithOverrideTextColor,
+          {
+            overrideTextColor
+          }
+        ) : trigger }),
+        isOpen && renderMenu(
+          items.map((item) => /* @__PURE__ */ jsx(
+            OverflowMenuItem,
+            {
+              ...item,
+              onClick: () => handleItemClick(item)
+            },
+            item.id
+          ))
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(OverflowMenuWrapper, { ref, children: [
+      /* @__PURE__ */ jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: trigger }),
+      isOpen && renderMenu(children2)
+    ] });
+  }
+);
+OverflowMenu.displayName = "OverflowMenu";
+const GlobalHeader = ({
+  title,
+  breadcrumbs = [],
+  onBack,
+  menuItems = [],
+  primaryAction
+}) => {
+  return /* @__PURE__ */ 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__ */ jsx(Breadcrumb, { items: breadcrumbs }),
+    /* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { justifyContent: "space-between", gap: "16px", width: "100%", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { flex: 1, gap: "16px", minWidth: "200px" }, children: [
+        onBack && /* @__PURE__ */ jsx(UtilityButton, { icon: /* @__PURE__ */ jsx(RefIcon$j, {}), onClick: onBack }),
+        /* @__PURE__ */ jsx(Typography, { variant: "display3", children: title })
+      ] }),
+      /* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { justifyContent: "flex-end", gap: "16px", alignItems: "flex-end" }, children: [
+        primaryAction && /* @__PURE__ */ jsx(Button$1, { onClick: primaryAction.onClick, children: primaryAction.label }),
+        menuItems.length > 0 && /* @__PURE__ */ jsx(
+          OverflowMenu,
+          {
+            trigger: /* @__PURE__ */ jsx(UtilityButton, { isIconButton: true, children: /* @__PURE__ */ jsx(HiDotsHorizontal, {}) }),
+            alignment: "right",
+            children: menuItems.map((item) => /* @__PURE__ */ jsx(OverflowMenuItem, { onClick: item.onClick, children: item.children }, item.id))
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
 const Outline = (properties) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -78273,7 +78681,7 @@ const ChartContainer$2 = styled.div`
   flex-shrink: 0;
   height: calc(100% - 40px);
 `;
-const getGenesisClass$9 = ({ colors: colors2, borderRadius: borderRadius2, sizing: sizing2 }, type4 = "primary", state = "active") => `
+const getGenesisClass$7 = ({ colors: colors2, borderRadius: borderRadius2, sizing: sizing2 }, type4 = "primary", state = "active") => `
   .ant-tooltip {
     --antd-arrow-background-color: #222;
     pointer-events: none;
@@ -78393,7 +78801,7 @@ const getGenesisClass$9 = ({ colors: colors2, borderRadius: borderRadius2, sizin
 `;
 const Tooltip$1 = styled(Tooltip$2)`
   ${({ theme, type: type4, state }) => {
-  return getGenesisClass$9(theme, type4, state);
+  return getGenesisClass$7(theme, type4, state);
 }}
 `;
 const Tooltip2 = ({
@@ -78989,7 +79397,7 @@ function clsx() {
   for (var e3, t2, f = 0, n2 = ""; f < arguments.length; ) (e3 = arguments[f++]) && (t2 = r(e3)) && (n2 && (n2 += " "), n2 += t2);
   return n2;
 }
-const getGenesisClass$8 = ({ sizing: sizing2 }, $isColumn) => `
+const getGenesisClass$6 = ({ sizing: sizing2 }, $isColumn) => `
   display: flex;
   flex-direction: ${$isColumn ? "column" : "row"};
   width: 100%;
@@ -79000,7 +79408,7 @@ const getGenesisClass$8 = ({ sizing: sizing2 }, $isColumn) => `
  `;
 const Content$1 = styled.div`
   ${({ theme, $isColumn }) => {
-  return getGenesisClass$8(theme, $isColumn);
+  return getGenesisClass$6(theme, $isColumn);
 }}
 `;
 const Content = ({
@@ -81215,340 +81623,10 @@ const Notification = ({
     onArrowClick ? /* @__PURE__ */ jsx(ChevronButton$1, { onClick: onArrowClick, children: /* @__PURE__ */ jsx(NotificationRightChevron, {}) }) : null
   ] });
 };
-const slideDown = keyframes`
-  0% {
-    opacity: 0;
-    transform: translateY(-6px) scale(0.96);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-`;
-const slideUp = keyframes`
-  0% {
-    opacity: 0;
-    transform: translateY(6px) scale(0.96);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-`;
-const slideLeft = keyframes`
-  0% {
-    opacity: 0;
-    transform: translateX(6px) scale(0.96);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0) scale(1);
-  }
-`;
-const slideRight = keyframes`
-  0% {
-    opacity: 0;
-    transform: translateX(-6px) scale(0.96);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0) scale(1);
-  }
-`;
-const getGenesisClass$7 = (theme) => ``;
-const OverflowMenuWrapper = styled.div`
-  ${({ theme }) => {
-  return getGenesisClass$7();
-}}
-
-  position: relative;
-  display: inline-block;
-`;
-const OverflowMenuContainer = styled.div`
-  ${({ theme }) => {
-  return getGenesisClass$7();
-}}
-
-  background: ${({ theme }) => theme.colors.surface.default?.backgroundColor};
-  border: 1px solid #d9d9d9;
-  border-radius: ${({ theme }) => theme.borderRadius.BorderRadiusSm}px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  min-width: 120px;
-  max-width: 300px;
-  overflow: hidden;
-  z-index: 1000;
-  margin: 0;
-  padding: 0;
-
-  /* Animation based on placement with enhanced smoothness */
-  animation: ${({ $placement, $isAnimating }) => {
-  if (!$isAnimating) return "none";
-  switch ($placement) {
-    case "bottom": {
-      return slideDown;
-    }
-    case "top": {
-      return slideUp;
-    }
-    case "left": {
-      return slideLeft;
-    }
-    case "right": {
-      return slideRight;
-    }
-    default: {
-      return slideDown;
-    }
-  }
-}}
-    0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
-
-  /* Ensure ultra-smooth transitions without filter */
-  transition:
-    opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-    transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-
-  /* Hardware acceleration and performance optimizations */
-  will-change: transform, opacity;
-  backface-visibility: hidden;
-  transform: translateZ(0);
-  transform-style: preserve-3d;
-
-  /* Initial visible state - let animation handle the entrance */
-  opacity: 1;
-
-  /* Animation will override initial state when $isAnimating is true */
-
-  /* Prevent layout shifts and ensure smooth rendering */
-  contain: layout style paint;
-  isolation: isolate;
-
-  /* Smooth font rendering */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-`;
-const OverflowMenuItem$1 = styled.div`
-  padding: 8px 12px;
-  cursor: pointer;
-  background-color: ${({ theme }) => theme.colors.surface.default?.backgroundColor || "#ffffff"};
-
-  &:hover {
-    background-color: ${({ theme }) => theme.colors.surface.hover?.backgroundColor || "#F4F4F4"};
-  }
-
-  &:active {
-    background-color: ${({ theme }) => theme.colors.surface.active?.backgroundColor || "#E0E0E0"};
-  }
-`;
-const OverflowMenuItem = ({ children: children2, onClick }) => {
-  return /* @__PURE__ */ jsx(OverflowMenuItem$1, { onClick, children: children2 });
-};
-const DefaultTrigger = () => {
-  return /* @__PURE__ */ jsx(UtilityButton, { isIconButton: true, size: "small", children: /* @__PURE__ */ jsx(HiDotsHorizontal, { size: 24 }) });
-};
-const DefaultTriggerWithOverrideTextColor = ({
-  overrideTextColor
-}) => {
-  return /* @__PURE__ */ jsx(UtilityButton, { isIconButton: true, size: "small", children: /* @__PURE__ */ jsx(HiDotsHorizontal, { style: { color: overrideTextColor }, size: 24 }) });
-};
-const OverflowMenu = forwardRef(
-  ({
-    items,
-    children: children2,
-    trigger = /* @__PURE__ */ jsx(DefaultTrigger, {}),
-    isOpen: controlledIsOpen,
-    onOpenChange,
-    placement = "bottom",
-    alignment = "left",
-    offset: offset2 = 8,
-    className,
-    style: style2,
-    onItemClick,
-    overrideTextColor,
-    getPopupContainer = () => document.body
-  }, ref) => {
-    const [internalIsOpen, setInternalIsOpen] = useState(false);
-    const [isAnimating, setIsAnimating] = useState(false);
-    const [triggerRect, setTriggerRect] = useState(null);
-    const triggerRef = useRef(null);
-    const menuRef = useRef(null);
-    const { theme } = useGenesis();
-    const isOpen = controlledIsOpen === void 0 ? internalIsOpen : controlledIsOpen;
-    const handleOpenChange = useCallback(
-      (open) => {
-        if (onOpenChange) {
-          onOpenChange(open);
-        } else {
-          setInternalIsOpen(open);
-        }
-      },
-      [onOpenChange]
-    );
-    const handleTriggerClick = () => {
-      handleOpenChange(!isOpen);
-    };
-    const handleClickOutside = useCallback(
-      (event2) => {
-        if (triggerRef.current && menuRef.current && !triggerRef.current.contains(event2.target) && !menuRef.current.contains(event2.target)) {
-          handleOpenChange(false);
-        }
-      },
-      [handleOpenChange]
-    );
-    useEffect(() => {
-      if (isOpen) {
-        if (getPopupContainer !== void 0 && triggerRef.current) {
-          const rect = triggerRef.current.getBoundingClientRect();
-          setTriggerRect(rect);
-        }
-        setIsAnimating(true);
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => {
-          document.removeEventListener("mousedown", handleClickOutside);
-        };
-      } else {
-        setIsAnimating(false);
-        setTriggerRect(null);
-        document.removeEventListener("mousedown", handleClickOutside);
-      }
-    }, [isOpen, handleClickOutside, getPopupContainer]);
-    const getMenuStyle = useMemo$1(() => {
-      const baseStyle = {
-        position: getPopupContainer !== void 0 ? "fixed" : "absolute",
-        zIndex: 1e3,
-        ...style2
-      };
-      if (getPopupContainer !== void 0 && triggerRect) {
-        const { top, left, right, bottom, width, height } = triggerRect;
-        switch (placement) {
-          case "bottom": {
-            return {
-              ...baseStyle,
-              top: bottom + offset2,
-              ...alignment === "right" ? { right: window.innerWidth - right } : { left }
-            };
-          }
-          case "top": {
-            return {
-              ...baseStyle,
-              bottom: window.innerHeight - top + offset2,
-              ...alignment === "right" ? { right: window.innerWidth - right } : { left }
-            };
-          }
-          case "left": {
-            return {
-              ...baseStyle,
-              top,
-              right: window.innerWidth - left + offset2,
-              ...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
-            };
-          }
-          case "right": {
-            return {
-              ...baseStyle,
-              top,
-              left: right + offset2,
-              ...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
-            };
-          }
-          default: {
-            return baseStyle;
-          }
-        }
-      }
-      switch (placement) {
-        case "bottom": {
-          return {
-            ...baseStyle,
-            top: `calc(100% + ${offset2}px)`,
-            ...alignment === "right" ? { right: 0 } : { left: 0 }
-          };
-        }
-        case "top": {
-          return {
-            ...baseStyle,
-            bottom: `calc(100% + ${offset2}px)`,
-            ...alignment === "right" ? { right: 0 } : { left: 0 }
-          };
-        }
-        case "left": {
-          return {
-            ...baseStyle,
-            top: 0,
-            right: `calc(100% + ${offset2}px)`,
-            ...alignment === "right" ? { bottom: 0 } : {}
-          };
-        }
-        case "right": {
-          return {
-            ...baseStyle,
-            top: 0,
-            left: `calc(100% + ${offset2}px)`,
-            ...alignment === "right" ? { bottom: 0 } : {}
-          };
-        }
-        default: {
-          return baseStyle;
-        }
-      }
-    }, [placement, alignment, offset2, style2, getPopupContainer, triggerRect]);
-    const handleItemClick = useCallback(
-      (item) => {
-        onItemClick?.(item);
-        handleOpenChange(false);
-      },
-      [onItemClick, handleOpenChange]
-    );
-    const renderMenuContent = (content2) => /* @__PURE__ */ jsx(
-      OverflowMenuContainer,
-      {
-        ref: menuRef,
-        theme,
-        className,
-        style: getMenuStyle,
-        $isAnimating: isAnimating,
-        $placement: placement,
-        children: content2
-      }
-    );
-    const renderMenu = (content2) => {
-      if (getPopupContainer !== void 0 && triggerRef.current) {
-        const container = getPopupContainer(triggerRef.current);
-        return createPortal(renderMenuContent(content2), container);
-      }
-      return renderMenuContent(content2);
-    };
-    if (items && items.length > 0) {
-      return /* @__PURE__ */ jsxs(OverflowMenuWrapper, { ref, children: [
-        /* @__PURE__ */ jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: overrideTextColor ? /* @__PURE__ */ jsx(
-          DefaultTriggerWithOverrideTextColor,
-          {
-            overrideTextColor
-          }
-        ) : trigger }),
-        isOpen && renderMenu(
-          items.map((item) => /* @__PURE__ */ jsx(
-            OverflowMenuItem,
-            {
-              ...item,
-              onClick: () => handleItemClick(item)
-            },
-            item.id
-          ))
-        )
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(OverflowMenuWrapper, { ref, children: [
-      /* @__PURE__ */ jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: trigger }),
-      isOpen && renderMenu(children2)
-    ] });
-  }
-);
-OverflowMenu.displayName = "OverflowMenu";
-const getGenesisClass$6 = (theme) => ``;
+const getGenesisClass$5 = (theme) => ``;
 const Popover$1 = styled(Popconfirm)`
   ${({ theme }) => {
-  return getGenesisClass$6();
+  return getGenesisClass$5();
 }}
 `;
 const Popover = ({
@@ -81572,40 +81650,12 @@ const Popover = ({
     }
   );
 };
-const getGenesisClass$5 = ({ colors: colors2 }, state = "info") => ``;
+const getGenesisClass$4 = ({ colors: colors2 }, state = "info") => ``;
 const Progress$1 = styled(Progress$2)`
   ${({ theme, state }) => {
-  return getGenesisClass$5(theme, state);
+  return getGenesisClass$4(theme, state);
 }}
 `;
-const getGenesisClass$4 = ({ sizing: sizing2 }, $isHorizontal = false) => `
-    display: flex;
-    flex-direction: ${$isHorizontal ? "row" : "column"};
-    padding: ${sizing2.Size4};
- `;
-const Tile$1 = styled.div`
-  ${({ theme, $isHorizontal }) => {
-  return getGenesisClass$4(theme, $isHorizontal);
-}}
-`;
-const Tile = ({
-  children: children2,
-  dataTestId,
-  className,
-  style: style2,
-  isHorizontal = false
-}) => {
-  return /* @__PURE__ */ jsx(
-    Tile$1,
-    {
-      className,
-      "data-testid": dataTestId,
-      style: style2,
-      $isHorizontal: isHorizontal,
-      children: children2
-    }
-  );
-};
 const ProgressText = ({
   firstBarData,
   secondBarData,
@@ -82593,7 +82643,6 @@ const TypographyWideFontSizeBody1 = 16;
 const TypographyMediumFontSizeBody1 = 16;
 const TypographyWideFontSizeHeading3 = Size4;
 const TypographyWideFontSizeSubHeading1 = 20;
-const TypographyWideFontSizeSubHeading2 = 16;
 const TypographyWideFontSizeSubHeading3 = 14;
 const TypographyWideFontSizeBody2 = 14;
 const TypographyWideFontSizeBody3 = 12;
@@ -82792,9 +82841,9 @@ const wideTypography = {
     letterSpacing: "0"
   },
   subHeading2: {
-    fontSize: TypographyWideFontSizeSubHeading2,
-    lineHeight: "1.25rem",
-    fontWeight: 600,
+    fontSize: "24px",
+    lineHeight: "32px",
+    fontWeight: 400,
     letterSpacing: "0"
   },
   subHeading3: {
@@ -85814,7 +85863,7 @@ const GroupItem = ({
   onGroupItemClick,
   getCustomIcon
 }) => {
-  if (!items || items?.length === 0) return null;
+  if (items.length === 0) return null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Tooltip2, { tip: title, isAbsolutePositioned: false, children: /* @__PURE__ */ jsx(
       "div",
@@ -85829,21 +85878,18 @@ const GroupItem = ({
         children: getCustomIcon ? getCustomIcon(title) : getIcon$1(title)
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 4 }, children: items?.map((item) => {
-      const isObjectItem = typeof item === "object" && item !== null && "label" in item && "value" in item;
-      return /* @__PURE__ */ jsx(
-        Badge$1,
-        {
-          label: isObjectItem ? item.label : item?.toString() || "Undefined",
-          hasClose: true,
-          hasIcon: false,
-          state: "generic",
-          size: "small",
-          onClick: () => onGroupItemClick(title, item)
-        },
-        !item ? "Undefined" : item?.toString()
-      );
-    }) })
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 4 }, children: items.map((item) => /* @__PURE__ */ jsx(
+      Badge$1,
+      {
+        label: item,
+        hasClose: true,
+        hasIcon: false,
+        state: "generic",
+        size: "small",
+        onClick: () => onGroupItemClick(title, item)
+      },
+      item.toString()
+    )) })
   ] });
 };
 const GroupsRow = ({
@@ -85860,7 +85906,7 @@ const GroupsRow = ({
     GroupItem,
     {
       title: group.title,
-      items: group?.items,
+      items: group.items,
       onGroupItemClick,
       getCustomIcon
     },
@@ -85961,12 +86007,6 @@ const SecondaryTableControlsRow = ({
     }
   );
 };
-const TABLE_CONTROLS_EVENTS = {
-  GROUP_ITEM_CLICK: "groupItemClick",
-  ORDER_CLICK: "orderClick",
-  PRIMARY_SORT_CHANGE: "primarySortChange",
-  INPUT_CHANGE: "inputChange"
-};
 const TableControls = ({
   primaryTableRowData,
   secondaryTableRowData,
@@ -87449,6 +87489,7 @@ export {
   Form2 as Form,
   index$1 as GENESIS,
   GenesisProvider,
+  GlobalHeader,
   GlobalStyles,
   Button$1 as IconButton,
   Input2 as Input,
@@ -87467,7 +87508,6 @@ export {
   Select,
   Shapes,
   Switch,
-  TABLE_CONTROLS_EVENTS,
   TablePagination as Table,
   TableWithControls,
   Tabs,