@prorobotech/openapi-k8s-toolkit 1.4.0-alpha.37 → 1.4.0-alpha.38

package/dist/openapi-k8s-toolkit.umd.js

@@ -1593,7 +1593,7 @@
     justify-content: center;
   }
 `;
-  const Styled$K = {
+  const Styled$L = {
     CustomTreeProvider
   };
 
@@ -1658,7 +1658,7 @@
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Search$1, { style: { marginBottom: 8 }, placeholder: "Search", onChange }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$K.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$L.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Tree,
         {
           treeData: loop(treeData),
@@ -8273,14 +8273,14 @@
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-  const Styled$J = {
+  const Styled$K = {
     ContentContainer
   };
 
   const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
     const { token } = antd.theme.useToken();
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Styled$J.ContentContainer,
+      Styled$K.ContentContainer,
       {
         $flexGrow: flexGrow,
         $bgColor: token.colorBgContainer,
@@ -8341,13 +8341,13 @@
     padding-inline: 8px;
   }
 `;
-  const Styled$I = {
+  const Styled$J = {
     UncontrolledSelect: UncontrolledSelect$1
   };
 
   const UncontrolledSelect = (props) => {
     const { isCursorPointer } = props;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$I.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$J.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
   };
 
   const CustomSelect$5 = styled(antd.Select)`
@@ -8395,13 +8395,13 @@
     margin-block: 0 !important;
   }
 `;
-  const Styled$H = {
+  const Styled$I = {
     CustomSelect: CustomSelect$5
   };
 
   const CustomSelect$4 = (props) => {
     const { paddingContainerEnd, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$H.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$I.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
   };
 
   const CursorPointerTag = styled(antd.Tag)`
@@ -8415,6 +8415,9 @@
 
   const CursorDefaultDiv = styled.div`
   cursor: ${({ $default }) => $default ? "default" : "inherit"};
+  flex: 1;
+  display: flex;
+  flex-direction: column;
 `;
 
   const PaddingContainer = styled.div`
@@ -8548,7 +8551,7 @@
   height: min-content;
   margin-right: 4px;
 `;
-  const Styled$G = {
+  const Styled$H = {
     Abbr: Abbr$2
   };
 
@@ -8588,7 +8591,7 @@
       baseFactoriesMapping
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { align: "center", gap: 8, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$G.Abbr, { $bgColor: bgColor, children: abbr }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$H.Abbr, { $bgColor: bgColor, children: abbr }),
       resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Typography.Link,
         {
@@ -9672,7 +9675,7 @@
     flex-wrap: nowrap !important;
   }
 `;
-  const Styled$F = {
+  const Styled$G = {
     PositionRelativeContainer,
     FullWidthContainer,
     NoWrapContainer
@@ -9715,9 +9718,9 @@
       };
       return [firstItem, ellipsisItem, lastItem];
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$F.PositionRelativeContainer, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$G.PositionRelativeContainer, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$G.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$G.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
     ] });
   };
 
@@ -9725,12 +9728,12 @@
   min-height: 22px;
   width: 100%;
 `;
-  const Styled$E = {
+  const Styled$F = {
     HeightDiv: HeightDiv$1
   };
 
   const ManageableBreadcrumbs = ({ data }) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
   };
 
   const prepareTemplate = ({
@@ -9789,7 +9792,7 @@
   min-height: 22px;
   width: 100%;
 `;
-  const Styled$D = {
+  const Styled$E = {
     HeightDiv
   };
 
@@ -9819,7 +9822,7 @@
       return null;
     }
     if (rawDataLoading) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
     }
     if (!rawData) {
       return null;
@@ -9835,7 +9838,7 @@
       fallbackIdToCompare
     });
     if (!result) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.HeightDiv, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.HeightDiv, {});
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result }, JSON.stringify(idToCompare));
   };
@@ -9863,7 +9866,7 @@
     margin: 0 !important;
   }
 `;
-  const Styled$C = {
+  const Styled$D = {
     CustomMenu
   };
 
@@ -9890,7 +9893,7 @@
       setSelectedKeys(data.selectedKeys);
     }, [data.selectedKeys]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Styled$C.CustomMenu,
+      Styled$D.CustomMenu,
       {
         selectedKeys,
         onSelect: () => {
@@ -34464,7 +34467,7 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
-  const Styled$B = {
+  const Styled$C = {
     ShortenedText
   };
 
@@ -34473,7 +34476,7 @@
       const trimmedText = text.substring(0, trimLength);
       return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: text, placement: "top", children: trimmedText });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.ShortenedText, { $maxWidth: maxWidth, children: text }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.ShortenedText, { $maxWidth: maxWidth, children: text }) });
   };
 
   const FilterDropdown = ({
@@ -34624,16 +34627,16 @@
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-  const Styled$A = {
+  const Styled$B = {
     TableTag,
     TooltipTagsContainer,
     TooltipTag
   };
 
   const TrimmedTags = ({ tags, trimLength }) => {
-    const renderTableTags = (tags2) => tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.TableTag, { children: tag }, tag));
+    const renderTableTags = (tags2) => tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.TableTag, { children: tag }, tag));
     const popoverTheme = { components: { Popover: { zIndexPopup: 2100 } } };
-    const renderTooltipTags = (tags2) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.TooltipTagsContainer, { vertical: true, gap: 4, children: tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.TooltipTag, { children: tag }, tag)) });
+    const renderTooltipTags = (tags2) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.TooltipTagsContainer, { vertical: true, gap: 4, children: tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.TooltipTag, { children: tag }, tag)) });
     if (trimLength && trimLength < tags.length) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { wrap: "nowrap", gap: "4px", children: [
         renderTableTags(tags.slice(0, trimLength)),
@@ -34642,7 +34645,7 @@
           {
             content: renderTooltipTags(tags.slice(trimLength)),
             styles: { root: { maxWidth: "min(95vw, 900px)" } },
-            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$A.TableTag, { children: [
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$B.TableTag, { children: [
               "+",
               tags.length - trimLength
             ] }, "more")
@@ -43778,7 +43781,7 @@
   font-size: 16px;
   line-height: 24px;
 `;
-  const Styled$z = {
+  const Styled$A = {
     BorderRadiusContainer: BorderRadiusContainer$1,
     ControlsRowContainer: ControlsRowContainer$1,
     BigText: BigText$1
@@ -44008,7 +44011,7 @@
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       contextHolder,
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Ft$1,
         {
           defaultLanguage: "yaml",
@@ -44033,7 +44036,7 @@
           }
         }
       ) }),
-      !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
+      !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { type: "primary", onClick: onSubmit, loading: isLoading, disabled: canEdit === false, children: "Submit" }),
         backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { onClick: () => navigate(backlink), children: "Cancel" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { onClick: handleReload, children: "Reload" })
@@ -44044,7 +44047,7 @@
           open: !!error,
           onOk: () => setError(void 0),
           onCancel: () => setError(void 0),
-          title: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.BigText, { children: "Error!" }) }),
+          title: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.BigText, { children: "Error!" }) }),
           cancelButtonProps: { style: { display: "none" } },
           centered: true,
           styles: {
@@ -44205,7 +44208,7 @@
   const VisibilityContainer$1 = styled.div`
   display: ${({ $hidden }) => $hidden ? "none" : "block"};
 `;
-  const Styled$y = {
+  const Styled$z = {
     VisibilityContainer: VisibilityContainer$1
   };
 
@@ -44255,7 +44258,7 @@
       return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
     const shouldAutoHide = !criteria && (!valuePrepared || valuePrepared === "~undefined-value~");
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.VisibilityContainer, { $hidden: shouldAutoHide || shouldHideByCriteria, children });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.VisibilityContainer, { $hidden: shouldAutoHide || shouldHideByCriteria, children });
   };
 
   const unknownToString = (value) => {
@@ -44508,7 +44511,7 @@
   display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-  const Styled$x = {
+  const Styled$y = {
     Container: Container$3,
     TitleBar,
     Content: Content$1
@@ -44535,14 +44538,14 @@
       }
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Styled$x.Container,
+      Styled$y.Container,
       {
         $designNewLayout: designNewLayout,
         $borderColor: token.colorBorder,
         $bgColor: token.colorBgContainer,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { justify: "space-between", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$x.TitleBar, { onClick: () => toggleCollapse(), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$y.TitleBar, { onClick: () => toggleCollapse(), children: [
               !designNewLayout && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(AntIcons.CaretDownOutlined, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(AntIcons.CaretRightOutlined, { size: 14 }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title }),
               designNewLayout && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(DownIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(UpIcon, {}) })
@@ -44553,7 +44556,7 @@
               persistedCheckbox
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
         ]
       }
     );
@@ -44587,13 +44590,13 @@
   const Content = styled.div`
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-  const Styled$w = {
+  const Styled$x = {
     Content
   };
 
   const ArrayInsideContainer = ({ children }) => {
     const designNewLayout = useDesignNewLayout();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.Content, { $designNewLayout: designNewLayout, children });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.Content, { $designNewLayout: designNewLayout, children });
   };
 
   const includesPath = (haystack, needle) => haystack.some((h) => h.length === needle.length && h.every((seg, i) => seg === String(needle[i])));
@@ -44762,7 +44765,7 @@
   const ResetedFormList$3 = styled(antd.Form.List)`
   margin-bottom: 8px;
 `;
-  const Styled$v = {
+  const Styled$w = {
     ResetedFormList: ResetedFormList$3
   };
 
@@ -44853,7 +44856,7 @@
               /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Col, { span: cols[3], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.ResetedFormList, { name: "taints", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.ResetedFormList, { name: "taints", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
               fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Row, { gutter: [16, 16], children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   ResetedFormItem$1,
@@ -44914,7 +44917,7 @@
   const ResetedFormList$2 = styled(antd.Form.List)`
   margin-bottom: 8px;
 `;
-  const Styled$u = {
+  const Styled$v = {
     ResetedFormList: ResetedFormList$2
   };
 
@@ -45015,7 +45018,7 @@
               /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Col, { span: cols[4], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.ResetedFormList, { name: "tolerations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.ResetedFormList, { name: "tolerations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
               fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Row, { gutter: [16, 16], children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   ResetedFormItem$1,
@@ -45107,7 +45110,7 @@
   const ResetedFormList$1 = styled(antd.Form.List)`
   margin-bottom: 8px;
 `;
-  const Styled$t = {
+  const Styled$u = {
     ResetedFormList: ResetedFormList$1
   };
 
@@ -45203,7 +45206,7 @@
               /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Col, { span: cols[2], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.ResetedFormList, { name: "annotations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.ResetedFormList, { name: "annotations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
               fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Row, { gutter: [16, 16], children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   ResetedFormItem$1,
@@ -47281,7 +47284,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     margin-bottom: 0 !important;
   }
 `;
-  const Styled$s = {
+  const Styled$t = {
     NoSelect,
     DisabledInput,
     DisabledTextArea,
@@ -47399,8 +47402,8 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       const shownValue = useNiceLooking ? value2 : effectiveHidden ? "" : value2;
       const resolvedMultilineRows = resolveMultilineRows(value2, multilineRows);
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: 8, ...flexProps, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.NoSelect, { style: inputContainerStyle, children: useNiceLooking ? /* @__PURE__ */ jsxRuntimeExports.jsx(te, { theme, hidden: effectiveHidden, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Styled$s.DisabledInput,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.NoSelect, { style: inputContainerStyle, children: useNiceLooking ? /* @__PURE__ */ jsxRuntimeExports.jsx(te, { theme, hidden: effectiveHidden, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Styled$t.DisabledInput,
           {
             $hidden: effectiveHidden,
             onClick: (e) => handleInputClick(e, effectiveHidden, value2),
@@ -47408,7 +47411,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
             readOnly: true
           }
         ) }) : multiline ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Styled$s.DisabledTextArea,
+          Styled$t.DisabledTextArea,
           {
             $hidden: effectiveHidden,
             onClick: (e) => handleInputClick(e, effectiveHidden, value2),
@@ -47417,7 +47420,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
             readOnly: true
           }
         ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Styled$s.DisabledInput,
+          Styled$t.DisabledInput,
           {
             $hidden: effectiveHidden,
             onClick: (e) => handleInputClick(e, effectiveHidden, value2),
@@ -47440,13 +47443,13 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       const secretsEntries = objectToRender ? Object.entries(objectToRender) : [];
       if (secretsEntries.length === 0) {
         return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.NotificationOverrides, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.NotificationOverrides, {}),
           emptyTextPrepared && /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { style: textStyle, children: emptyTextPrepared }),
           contextHolder
         ] });
       }
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.NotificationOverrides, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.NotificationOverrides, {}),
         /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { vertical: true, gap: 8, children: secretsEntries.map(([key, rawValue]) => {
           const parsedValue = parseAll({
             text: typeof rawValue === "string" ? rawValue : String(rawValue),
@@ -47472,7 +47475,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       ] });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.NotificationOverrides, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.NotificationOverrides, {}),
       renderSecretField({
         value: decodedText,
         isHidden: hidden,
@@ -47495,7 +47498,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   letter-spacing: 0.02em;
   box-sizing: content-box;
 `;
-  const Styled$r = {
+  const Styled$s = {
     RoundSpan
   };
 
@@ -47532,7 +47535,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       multiQueryData
     }) : getUppercase(parsedValue);
     const bgColor = hslFromString(parsedValue, theme);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.RoundSpan, { $bgColor: bgColor, style, children: parsedAbbreviation });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.RoundSpan, { $bgColor: bgColor, style, children: parsedAbbreviation });
   };
 
   const serializeLabelsWithNoEncoding = (input) => {
@@ -78239,7 +78242,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     }
   }
 `;
-  const Styled$q = {
+  const Styled$r = {
     TitleSelect
   };
 
@@ -78324,7 +78327,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$q.TitleSelect,
+        Styled$r.TitleSelect,
         {
           value: currentValuePrepared,
           onChange: handleChange,
@@ -78911,7 +78914,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   const HiddenContainer = styled.div`
   display: ${({ $isHidden }) => $isHidden ? "none" : "auto"};
 `;
-  const Styled$p = {
+  const Styled$q = {
     Card: Card$1,
     CardTitle,
     CardNumber,
@@ -78990,7 +78993,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     const jsonRoot = multiQueryData[`req${counter.props.reqIndex}`];
     if (jsonRoot === void 0) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Styled$p.Card,
+        Styled$q.Card,
         {
           $colorBorder: token.colorBorder,
           $colorBgContainer: token.colorBgContainer,
@@ -79005,15 +79008,15 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: 4, vertical: true, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Styled$p.CardTitle,
+                Styled$q.CardTitle,
                 {
                   $colorTextDescription: token.colorTextDescription,
                   children: `Counter: ${id}: No root for json path`
                 }
               ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CardNumber, { $colorText: token.colorText, children: "-" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardNumber, { $colorText: token.colorText, children: "-" })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CardIcon, { $colorInfo: token.colorInfo, children: iconBase64Encoded && renderIcon$1(iconBase64Encoded, token.colorInfo) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardIcon, { $colorInfo: token.colorInfo, children: iconBase64Encoded && renderIcon$1(iconBase64Encoded, token.colorInfo) })
           ]
         }
       );
@@ -79023,7 +79026,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     const { counter: counterToDisplay, error: errorParsingCounter } = counter.type === "item" ? getItemCounterItemsInside(anythingForNow) : getKeyCounterItemsInside(anythingForNow);
     if (errorParsingCounter) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Styled$p.Card,
+        Styled$q.Card,
         {
           $colorBorder: token.colorBorder,
           $colorBgContainer: token.colorBgContainer,
@@ -79037,10 +79040,10 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           },
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: 4, vertical: true, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CardTitle, { $colorTextDescription: token.colorTextDescription, children: errorParsingCounter }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CardNumber, { $colorText: token.colorText, children: "-" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardTitle, { $colorTextDescription: token.colorTextDescription, children: errorParsingCounter }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardNumber, { $colorText: token.colorText, children: "-" })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CardIcon, { $colorInfo: token.colorInfo, children: iconBase64Encoded && renderIcon$1(iconBase64Encoded, token.colorInfo) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardIcon, { $colorInfo: token.colorInfo, children: iconBase64Encoded && renderIcon$1(iconBase64Encoded, token.colorInfo) })
           ]
         }
       );
@@ -79048,7 +79051,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     const parsedText = parseAll({ text, replaceValues, multiQueryData });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Styled$p.Card,
+        Styled$q.Card,
         {
           $colorBorder: token.colorBorder,
           $colorBgContainer: token.colorBgContainer,
@@ -79062,14 +79065,14 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           },
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: 4, vertical: true, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CardTitle, { $colorTextDescription: token.colorTextDescription, children: parsedText }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CardNumber, { $colorText: token.colorText, children: counterToDisplay })
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardTitle, { $colorTextDescription: token.colorTextDescription, children: parsedText }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardNumber, { $colorText: token.colorText, children: counterToDisplay })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CardIcon, { $colorInfo: token.colorInfo, children: iconBase64Encoded && renderIcon$1(iconBase64Encoded, token.colorInfo) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CardIcon, { $colorInfo: token.colorInfo, children: iconBase64Encoded && renderIcon$1(iconBase64Encoded, token.colorInfo) })
           ]
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.HiddenContainer, { $isHidden: !open, children: canOpenActiveType && renderActiveType(activeType, {
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.HiddenContainer, { $isHidden: !open, children: canOpenActiveType && renderActiveType(activeType, {
         open,
         onClose: () => setOpen(false),
         disableSubmit: !canSubmitActiveType
@@ -79498,7 +79501,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   white-space: nowrap;
   z-index: 3;
 `;
-  const Styled$o = {
+  const Styled$p = {
     TooltipContent,
     TooltipRow,
     TooltipDot,
@@ -79648,17 +79651,17 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     const usedPercent = clampPercent(resolvedUsed ?? NaN, resolvedLimit ?? NaN);
     const limitPercent = 100;
     const gradientMidStop = `${requestedPercent.toFixed(2)}%`;
-    const tooltipTitle = /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.TooltipContent, { $colorInfoBgHover: token.colorInfoBgHover, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.TooltipRow, { $colorText: token.colorText, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.TooltipDot, { $color: "#5EDBBD" }),
+    const tooltipTitle = /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.TooltipContent, { $colorInfoBgHover: token.colorInfoBgHover, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.TooltipRow, { $colorText: token.colorText, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.TooltipDot, { $color: "#5EDBBD" }),
         "Requested"
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.TooltipRow, { $colorText: token.colorText, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.TooltipDot, { $color: "#FF1C1C" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.TooltipRow, { $colorText: token.colorText, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.TooltipDot, { $color: "#FF1C1C" }),
         "Used"
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.TooltipRow, { $colorText: token.colorText, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.TooltipDot, { $color: "#FD9125" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.TooltipRow, { $colorText: token.colorText, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.TooltipDot, { $color: "#FD9125" }),
         "Limit"
       ] })
     ] });
@@ -79739,10 +79742,10 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     if (shouldShowError) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(PerRequestError, { error: errorToShow });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.Wrapper, { style: containerStyle, $colorBgContainer: token.colorBgContainer, $colorBorder: token.colorBorder, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.Header, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.Title, { $colorText: token.colorText, children: title }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.ChartContainer, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.ChartWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.ChartInner, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ComposedChart, { data: chartData, margin: { top: 8, right: 12, left: 12, bottom: 0 }, children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.Wrapper, { style: containerStyle, $colorBgContainer: token.colorBgContainer, $colorBorder: token.colorBorder, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.Header, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.Title, { $colorText: token.colorText, children: title }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.ChartContainer, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.ChartWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.ChartInner, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ComposedChart, { data: chartData, margin: { top: 8, right: 12, left: 12, bottom: 0 }, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { dataKey: "index", hide: true }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { hide: true, domain: yDomain, padding: { top: 6, bottom: 24 } }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -79766,9 +79769,9 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
             }
           )
         ] }) }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.ChartOverlay, { $isDark: isDark })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.ChartOverlay, { $isDark: isDark })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.GradientBarWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.GradientBarContainer, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.GradientBarWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.GradientBarContainer, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           antd.Tooltip,
           {
@@ -79780,7 +79783,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
               body: { padding: 0, borderRadius: 6 }
             },
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Styled$o.GradientBar,
+              Styled$p.GradientBar,
               {
                 $minColor: minColor,
                 $midColor: midColor,
@@ -79790,12 +79793,12 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
             )
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.BadgesContainer, { ref: badgesContainerRef, children: [
-          resolvedRequested !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.BarMarker, { $left: requestedPercent, $edgeAlign: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(RequestedMarkerSvg, {}) }),
-          resolvedUsed !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.BarMarker, { $left: usedPercent, $flipX: true, $paddingTop: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(UsedMarkerSvg, {}) }),
-          resolvedLimit !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.BarMarker, { $left: limitPercent, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LimitMarkerSvg, {}) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.BadgesContainer, { ref: badgesContainerRef, children: [
+          resolvedRequested !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.BarMarker, { $left: requestedPercent, $edgeAlign: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(RequestedMarkerSvg, {}) }),
+          resolvedUsed !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.BarMarker, { $left: usedPercent, $flipX: true, $paddingTop: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(UsedMarkerSvg, {}) }),
+          resolvedLimit !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.BarMarker, { $left: limitPercent, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LimitMarkerSvg, {}) }),
           resolvedUsed !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Styled$o.UsedBadge,
+            Styled$p.UsedBadge,
             {
               ref: usedBadgeRef,
               $left: clampedUsedPercent ?? usedPercent,
@@ -79817,7 +79820,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
             }
           ),
           resolvedRequested !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Styled$o.MarkerLabel,
+            Styled$p.MarkerLabel,
             {
               ref: requestedLabelRef,
               $left: clampedRequestedPercent ?? requestedPercent,
@@ -79838,7 +79841,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
             }
           ),
           resolvedLimit !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Styled$o.MarkerLabel,
+            Styled$p.MarkerLabel,
             {
               ref: limitLabelRef,
               $left: limitPercent,
@@ -79906,7 +79909,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     font-size: 16px;
   }
 `;
-  const Styled$n = {
+  const Styled$o = {
     IconWrapper,
     IconScaler,
     IconButton
@@ -79956,7 +79959,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   };
   const getActionIcon = (action) => {
     if (action.props.iconBase64Encoded) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.IconWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.IconScaler, { children: renderIcon$1(action.props.iconBase64Encoded, "currentColor") }) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.IconWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.IconScaler, { children: renderIcon$1(action.props.iconBase64Encoded, "currentColor") }) });
     }
     if (action.props.icon) {
       return renderAntIcon(action.props.icon);
@@ -81379,7 +81382,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     };
     const renderButton = () => {
       if (buttonVariant === "icon") {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.IconButton, { type: "text", size: "small", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(AntIcons.MoreOutlined, {}) });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.IconButton, { type: "text", size: "small", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(AntIcons.MoreOutlined, {}) });
       }
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Button, { children: [
         buttonText,
@@ -82012,6 +82015,16 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     ] });
   };
 
+  const CenteredResultWrapper = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+`;
+  const Styled$n = {
+    CenteredResultWrapper
+  };
+
   const AntdResult = ({ data, children }) => {
     const { data: multiQueryData, isLoading, getErrorForReq } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
@@ -82032,7 +82045,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       const status = data.status ?? result.resultStatus;
       const title = data.title ? parseAll({ text: data.title, replaceValues, multiQueryData }) : getDefaultTitle(status);
       const subTitle = data.subTitle ? parseAll({ text: data.subTitle, replaceValues, multiQueryData }) : result.message;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status, title, subTitle, style: data.style });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.CenteredResultWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status, title, subTitle, style: data.style }) });
     }
     if (Array.isArray(data.reqIndex)) {
       const worst = findWorstError(data.reqIndex, multiQueryData, getErrorForReq, shouldCheckEmpty, data.itemsPath);
@@ -82042,11 +82055,11 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       const status = data.status ?? worst.resultStatus;
       const title = data.title ? parseAll({ text: data.title, replaceValues, multiQueryData }) : getDefaultTitle(status);
       const subTitle = data.subTitle ? parseAll({ text: data.subTitle, replaceValues, multiQueryData }) : worst.message;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status, title, subTitle, style: data.style });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.CenteredResultWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status, title, subTitle, style: data.style }) });
     }
     const parsedTitle = data.title ? parseAll({ text: data.title, replaceValues, multiQueryData }) : void 0;
     const parsedSubTitle = data.subTitle ? parseAll({ text: data.subTitle, replaceValues, multiQueryData }) : void 0;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status: data.status, title: parsedTitle, subTitle: parsedSubTitle, style: data.style, children });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.CenteredResultWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status: data.status, title: parsedTitle, subTitle: parsedSubTitle, style: data.style, children }) });
   };
 
   const DynamicComponents = {