remoraid 2.43.2 → 2.45.0

package/dist/jsonforms/index.js

@@ -5510,13 +5510,6 @@ var getDefaultButtonIconSize = (buttonSize) => {
   }
   return "large" /* Large */;
 };
-var isIcon = (value) => {
-  if (typeof value !== "object" || value === null) {
-    return false;
-  }
-  const candidate = value;
-  return "render" in candidate && typeof candidate.render === "function";
-};
 
 // src/core/components/RemoraidProvider/ThemeProvider/index.tsx
 import { px, rgba, useMantineTheme } from "@mantine/core";
@@ -5656,7 +5649,12 @@ function UserExperienceProviderWrapper({
   initialValue
 }) {
   const [cookies, setCookie] = useCookies();
-  const initialUserExperience = import_lodash3.merge(defaultUserExperience, initialValue);
+  const initialUserExperience = import_lodash3.mergeWith({}, defaultUserExperience, initialValue, (_objValue, srcValue) => {
+    if (Array.isArray(srcValue)) {
+      return [...srcValue];
+    }
+    return;
+  });
   const [userExperience, setUserExperience] = useState3(initialUserExperience);
   const [processedCookie, setProcessedCookie] = useState3(false);
   const updateUserExperience = (p) => {
@@ -5708,16 +5706,31 @@ var useLayouts = () => {
   return useContext5(layoutsContext);
 };
 
-// src/core/components/RemoraidProvider/index.tsx
+// src/core/components/RemoraidProvider/RouterProvider/index.tsx
+import {
+  createContext as createContext4,
+  useContext as useContext6
+} from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
+var defaultRouter = {
+  pathname: "/",
+  push: () => {}
+};
+var routerContext = createContext4(defaultRouter);
+var useRemoraidRouter = () => {
+  return useContext6(routerContext);
+};
+
+// src/core/components/RemoraidProvider/index.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
 // src/core/components/AppShell/index.tsx
 import { Box as Box5 } from "@mantine/core";
 import { useEffect as useEffect4 } from "react";
 
 // src/core/components/AppShell/AppProvider/index.tsx
 var import_lodash4 = __toESM(require_lodash(), 1);
-import { createContext as createContext4, useContext as useContext6 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { createContext as createContext5, useContext as useContext7 } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var defaultAppContext = {
   name: "Hello, World!",
   nav: [],
@@ -5725,16 +5738,16 @@ var defaultAppContext = {
   footerVariant: "minimal" /* Minimal */,
   navbarMobileVariant: null
 };
-var appContext = createContext4(defaultAppContext);
+var appContext = createContext5(defaultAppContext);
 var useRemoraidApp = () => {
-  return useContext6(appContext);
+  return useContext7(appContext);
 };
 function AppProvider({
   appContext: appContextProp,
   children
 }) {
   const { logo, ...appContextPropWithoutLogo } = appContextProp;
-  return /* @__PURE__ */ jsx8(appContext.Provider, {
+  return /* @__PURE__ */ jsx9(appContext.Provider, {
     value: { ...import_lodash4.merge(defaultAppContext, appContextPropWithoutLogo), logo },
     children
   });
@@ -5745,7 +5758,7 @@ var import_lodash13 = __toESM(require_lodash(), 1);
 
 // src/core/components/AppShell/AppShellUserExperienceProvider/index.tsx
 var import_lodash12 = __toESM(require_lodash(), 1);
-import { useContext as useContext9 } from "react";
+import { useContext as useContext10 } from "react";
 
 // src/core/components/AppShell/Footer/FooterMinimal/index.tsx
 import { Center } from "@mantine/core";
@@ -5778,7 +5791,7 @@ function clsx() {
 var clsx_default = clsx;
 
 // src/core/components/Page/PageContainer/index.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function PageContainer({
   children,
   p = 0,
@@ -5786,7 +5799,7 @@ function PageContainer({
   componentsProps
 }) {
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx9(Container, {
+  return /* @__PURE__ */ jsx10(Container, {
     size: theme.containerSize,
     p,
     w: "100%",
@@ -5804,14 +5817,14 @@ import {
   Stack
 } from "@mantine/core";
 import {
-  createContext as createContext6,
+  createContext as createContext7,
   useCallback,
-  useContext as useContext8,
+  useContext as useContext9,
   useMemo as useMemo3
 } from "react";
 
 // src/core/components/FrameLayout/Element/index.tsx
-import { createContext as createContext5, useContext as useContext7 } from "react";
+import { createContext as createContext6, useContext as useContext8 } from "react";
 import { Box, Portal } from "@mantine/core";
 
 // src/core/lib/errors.ts
@@ -5824,10 +5837,10 @@ class InvalidComponentUsageError extends Error {
 
 // src/core/components/FrameLayout/Element/index.tsx
 var import_lodash5 = __toESM(require_lodash(), 1);
-import { jsx as jsx10 } from "react/jsx-runtime";
-var layoutElementContext = createContext5(null);
+import { jsx as jsx11 } from "react/jsx-runtime";
+var layoutElementContext = createContext6(null);
 var useFrameLayoutElement = () => {
-  return useContext7(layoutElementContext);
+  return useContext8(layoutElementContext);
 };
 function Element2({
   section,
@@ -5857,17 +5870,17 @@ function Element2({
   if (section === "left" /* Left */ || section === "right" /* Right */) {
     containerProps.h = "100%";
   }
-  const element = includePageContainer ? /* @__PURE__ */ jsx10(PageContainer, {
+  const element = includePageContainer ? /* @__PURE__ */ jsx11(PageContainer, {
     p: 0,
     hidden,
     ...componentsProps?.PageContainer,
     children
   }) : children;
-  return /* @__PURE__ */ jsx10(Portal, {
+  return /* @__PURE__ */ jsx11(Portal, {
     target: layout.sections[section],
-    children: /* @__PURE__ */ jsx10(layoutElementContext.Provider, {
+    children: /* @__PURE__ */ jsx11(layoutElementContext.Provider, {
       value: { layoutType: "frame" /* Frame */, section },
-      children: includeContainer ? /* @__PURE__ */ jsx10(Box, {
+      children: includeContainer ? /* @__PURE__ */ jsx11(Box, {
         "data-hidden": hidden,
         ...import_lodash5.merge(containerProps, componentsProps?.container),
         className: clsx_default("remoraid-frame-layout-element", containerProps?.className, componentsProps?.container?.className),
@@ -5878,10 +5891,10 @@ function Element2({
 }
 
 // src/core/components/FrameLayout/index.tsx
-import { jsx as jsx11, jsxs } from "react/jsx-runtime";
-var layoutContext = createContext6(null);
+import { jsx as jsx12, jsxs } from "react/jsx-runtime";
+var layoutContext = createContext7(null);
 var useFrameLayout = () => {
-  return useContext8(layoutContext);
+  return useContext9(layoutContext);
 };
 function FrameLayout({
   layoutId,
@@ -5938,7 +5951,7 @@ function FrameLayout({
       ["content" /* Content */]: n
     }));
   }, [setSections]);
-  const contentSection = /* @__PURE__ */ jsx11(Stack, {
+  const contentSection = /* @__PURE__ */ jsx12(Stack, {
     ref: contentSectionRef,
     h: "100%",
     gap: gutter,
@@ -5953,7 +5966,7 @@ function FrameLayout({
     ...layout,
     layoutId
   }), [layout?.sections, defaultSections, layoutId]);
-  return /* @__PURE__ */ jsx11(layoutContext.Provider, {
+  return /* @__PURE__ */ jsx12(layoutContext.Provider, {
     value: layoutContextValue,
     children: /* @__PURE__ */ jsxs(Group, {
       gap: 0,
@@ -5966,7 +5979,7 @@ function FrameLayout({
       },
       className: clsx_default("remoraid-frame-layout", componentsProps?.horizontalContainer?.className),
       children: [
-        /* @__PURE__ */ jsx11(Group, {
+        /* @__PURE__ */ jsx12(Group, {
           ref: leftSectionRef,
           h: "100%",
           wrap: "nowrap",
@@ -5982,19 +5995,19 @@ function FrameLayout({
           ...componentsProps?.verticalContainer,
           className: clsx_default("remoraid-frame-layout-vertical-container", componentsProps?.verticalContainer?.className),
           children: [
-            /* @__PURE__ */ jsx11(Stack, {
+            /* @__PURE__ */ jsx12(Stack, {
               ref: topSectionRef,
               gap: gutter,
               flex: 0,
               ...componentsProps?.sectionContainers?.["top" /* Top */],
               className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-top-section", componentsProps?.sectionContainers?.["top" /* Top */]?.className)
             }),
-            includeScrollArea ? /* @__PURE__ */ jsx11(ScrollArea, {
+            includeScrollArea ? /* @__PURE__ */ jsx12(ScrollArea, {
               flex: 1,
               ...componentsProps?.ScrollArea,
               children: contentSection
             }) : contentSection,
-            /* @__PURE__ */ jsx11(Stack, {
+            /* @__PURE__ */ jsx12(Stack, {
               ref: bottomSectionRef,
               gap: gutter,
               flex: 0,
@@ -6003,7 +6016,7 @@ function FrameLayout({
             })
           ]
         }),
-        /* @__PURE__ */ jsx11(Group, {
+        /* @__PURE__ */ jsx12(Group, {
           ref: rightSectionRef,
           h: "100%",
           gap: gutter,
@@ -6021,7 +6034,7 @@ var FrameLayout_default = Object.assign(FrameLayout, {
 });
 
 // src/core/components/AppShell/Footer/FooterMinimal/index.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function FooterMinimal({
   icon: Icon2 = IconPennant,
   componentsProps
@@ -6032,10 +6045,10 @@ function FooterMinimal({
       footer: { position }
     }
   } = useAppShellUserExperience();
-  const content = /* @__PURE__ */ jsx12(PageContainer, {
+  const content = /* @__PURE__ */ jsx13(PageContainer, {
     ...componentsProps?.container,
-    children: /* @__PURE__ */ jsx12(Center, {
-      children: /* @__PURE__ */ jsx12(Icon2, {
+    children: /* @__PURE__ */ jsx13(Center, {
+      children: /* @__PURE__ */ jsx13(Icon2, {
         color: "var(--mantine-color-default-border)",
         ...theme.componentsProps.icons.huge,
         ...componentsProps?.icon
@@ -6043,7 +6056,7 @@ function FooterMinimal({
     })
   });
   if (position === "bottom" /* Bottom */) {
-    return /* @__PURE__ */ jsx12(FrameLayout_default.Element, {
+    return /* @__PURE__ */ jsx13(FrameLayout_default.Element, {
       section: position,
       includeContainer: true,
       ...componentsProps?.layoutElement,
@@ -6058,7 +6071,7 @@ function FooterMinimal({
 }
 
 // src/core/components/AppShell/Footer/index.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var supportedFooterPositions = {
   ["minimal" /* Minimal */]: [
     null,
@@ -6072,7 +6085,7 @@ var defaultFooterPositions = {
 function Footer({ componentsProps }) {
   const { footerVariant } = useRemoraidApp();
   if (footerVariant === "minimal" /* Minimal */) {
-    return /* @__PURE__ */ jsx13(FooterMinimal, {
+    return /* @__PURE__ */ jsx14(FooterMinimal, {
       ...componentsProps?.FooterMinimal
     });
   }
@@ -6086,7 +6099,6 @@ var Footer_default = Object.assign(Footer, {
 import { useState as useState7 } from "react";
 
 // src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/index.tsx
-import { isValidElement as isValidElement4 } from "react";
 import {
   Box as Box3,
   Group as Group2,
@@ -6094,7 +6106,6 @@ import {
   ScrollArea as ScrollArea2,
   Stack as Stack2
 } from "@mantine/core";
-import { usePathname as usePathname2, useRouter as useRouter2 } from "next/navigation";
 var import_lodash8 = __toESM(require_lodash(), 1);
 
 // src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/NavigationMenu/index.tsx
@@ -6104,9 +6115,8 @@ import {
   Transition,
   useMantineTheme as useMantineTheme2
 } from "@mantine/core";
-import { usePathname, useRouter } from "next/navigation";
 import { isValidElement as isValidElement2 } from "react";
-import { jsx as jsx14, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs2 } from "react/jsx-runtime";
 function NavigationMenu({
   target,
   elements,
@@ -6115,13 +6125,13 @@ function NavigationMenu({
 }) {
   const theme = useRemoraidTheme();
   const mantineTheme = useMantineTheme2();
-  const pathname = usePathname();
-  const router = useRouter();
-  const item = (element) => /* @__PURE__ */ jsx14(Transition, {
+  const router = useRemoraidRouter();
+  const { pathname } = router;
+  const item = (element) => /* @__PURE__ */ jsx15(Transition, {
     mounted: element.mounted ?? true,
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx14(Menu.Item, {
-      leftSection: element.icon ? /* @__PURE__ */ jsx14(element.icon, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx15(Menu.Item, {
+      leftSection: element.icon ? /* @__PURE__ */ jsx15(element.icon, {
         ...theme.componentsProps.icons.small
       }) : undefined,
       c: element.type === "anchor" /* Anchor */ && element.href === pathname ? mantineTheme.primaryColor : undefined,
@@ -6145,17 +6155,17 @@ function NavigationMenu({
     trigger: "click-hover",
     ...componentsProps?.Menu,
     children: [
-      /* @__PURE__ */ jsx14(Menu.Target, {
-        children: /* @__PURE__ */ jsx14(Box2, {
+      /* @__PURE__ */ jsx15(Menu.Target, {
+        children: /* @__PURE__ */ jsx15(Box2, {
           children: targetElement
         })
       }),
       /* @__PURE__ */ jsxs2(Menu.Dropdown, {
         children: [
-          label !== undefined && /* @__PURE__ */ jsx14(Menu.Label, {
+          label !== undefined && /* @__PURE__ */ jsx15(Menu.Label, {
             children: label
           }),
-          elements.map((element, i) => /* @__PURE__ */ jsx14(NavigationMenu, {
+          elements.map((element, i) => /* @__PURE__ */ jsx15(NavigationMenu, {
             target: item(element),
             elements: element.children,
             componentsProps
@@ -6181,7 +6191,7 @@ import { IconClick } from "@tabler/icons-react";
 import {
   isValidElement as isValidElement3
 } from "react";
-import { jsx as jsx15, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
 var defaultRemoraidButtonSize = "sm";
 function RemoraidButton({
   label,
@@ -6205,7 +6215,7 @@ function RemoraidButton({
   const collapsed = collapsedProp ?? false;
   const iconSize = iconSizeProp ?? getDefaultButtonIconSize(size);
   const Icon3 = iconProp ?? IconClick;
-  const iconElement = isValidElement3(Icon3) ? Icon3 : /* @__PURE__ */ jsx15(Icon3, {
+  const iconElement = isValidElement3(Icon3) ? Icon3 : /* @__PURE__ */ jsx16(Icon3, {
     ...import_lodash7.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
   });
   const clickTransformationClassNames = {
@@ -6218,7 +6228,7 @@ function RemoraidButton({
     ["tiltRight" /* TiltRight */]: "remoraid-button-tilt-right"
   };
   const clickTransformationClass = clickTransformationClassNames[clickTransformation];
-  return /* @__PURE__ */ jsx15(Transition2, {
+  return /* @__PURE__ */ jsx16(Transition2, {
     mounted,
     transition: "fade",
     duration: theme.transitionDurations.short,
@@ -6226,10 +6236,10 @@ function RemoraidButton({
     ...componentsProps?.transition,
     children: (transitionStyle) => /* @__PURE__ */ jsxs3(Fragment, {
       children: [
-        /* @__PURE__ */ jsx15(Tooltip, {
+        /* @__PURE__ */ jsx16(Tooltip, {
           label,
           ...componentsProps?.tooltip,
-          children: /* @__PURE__ */ jsx15(ActionIcon, {
+          children: /* @__PURE__ */ jsx16(ActionIcon, {
             "aria-label": label,
             variant,
             onClick,
@@ -6245,7 +6255,7 @@ function RemoraidButton({
             children: iconElement
           })
         }),
-        /* @__PURE__ */ jsx15(Button, {
+        /* @__PURE__ */ jsx16(Button, {
           onClick,
           loading,
           variant,
@@ -6266,8 +6276,7 @@ function RemoraidButton({
 }
 
 // src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/index.tsx
-import Image from "next/image";
-import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs4 } from "react/jsx-runtime";
 function NavbarMinimalContent({
   orientation,
   maxElements,
@@ -6277,8 +6286,8 @@ function NavbarMinimalContent({
   const theme = useRemoraidTheme();
   const { userExperience: appShellUserExperience } = useAppShellUserExperience();
   const app = useRemoraidApp();
-  const router = useRouter2();
-  const pathname = usePathname2();
+  const router = useRemoraidRouter();
+  const { pathname } = router;
   const layoutElement = useFrameLayoutElement();
   const { colorScheme, setColorScheme } = useHydratedMantineColorScheme();
   const collapseStaticElementsBreakpoint = collapseStaticElementsBreakpointProp ?? theme.breakpoints.navbarStaticElementsCollapse;
@@ -6299,21 +6308,10 @@ function NavbarMinimalContent({
     buttonCollapsed = false;
   }
   const buttonClickTransformation = orientation === "horizontal" /* Horizontal */ ? "tiltRight" /* TiltRight */ : "default" /* Default */;
-  const logoButtonSize = componentsProps?.logoButton?.size ?? componentsProps?.button?.size ?? defaultRemoraidButtonSize;
-  const logoIconSize = getDefaultButtonIconSize(logoButtonSize);
-  const logoButton = app.logo ? /* @__PURE__ */ jsx16(RemoraidButton, {
+  const logoButton = app.logo ? /* @__PURE__ */ jsx17(RemoraidButton, {
     label: app.name,
     variant: "subtle",
-    icon: isValidElement4(app.logo) || isIcon(app.logo) ? app.logo : /* @__PURE__ */ jsx16(Image, {
-      src: app.logo,
-      alt: "App logo",
-      ...componentsProps?.logo,
-      style: {
-        width: theme.componentsProps.icons[logoIconSize].size,
-        height: theme.componentsProps.icons[logoIconSize].size,
-        ...componentsProps?.logo?.style
-      }
-    }),
+    icon: app.logo,
     responsive: buttonResponsive,
     collapsed: buttonCollapsed,
     clickTransformation: buttonClickTransformation,
@@ -6331,9 +6329,9 @@ function NavbarMinimalContent({
       componentsProps?.logoButton?.onClick?.(e);
     }
   }) : undefined;
-  const button = (element, key) => /* @__PURE__ */ jsx16(NavigationMenu, {
+  const button = (element, key) => /* @__PURE__ */ jsx17(NavigationMenu, {
     label: element.label,
-    target: /* @__PURE__ */ jsx16(RemoraidButton, {
+    target: /* @__PURE__ */ jsx17(RemoraidButton, {
       mounted: element.mounted,
       label: element.label,
       icon: element.icon,
@@ -6376,11 +6374,11 @@ function NavbarMinimalContent({
   const staticElements = elements.filter((element) => element.static);
   const staticButtons = staticElements.sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0)).map((element, i) => button(element, `static-nav-element-${i}`));
   const collapseStaticElements = staticElements.filter((element) => element.mounted ?? true).length > 1;
-  const staticMenuButton = collapseStaticElements ? /* @__PURE__ */ jsx16(Box3, {
+  const staticMenuButton = collapseStaticElements ? /* @__PURE__ */ jsx17(Box3, {
     hiddenFrom: collapseStaticElementsBreakpoint,
-    children: /* @__PURE__ */ jsx16(NavigationMenu, {
+    children: /* @__PURE__ */ jsx17(NavigationMenu, {
       elements: staticElements,
-      target: /* @__PURE__ */ jsx16(RemoraidButton, {
+      target: /* @__PURE__ */ jsx17(RemoraidButton, {
         label: "Static elements",
         icon: IconDots,
         responsive: orientation === "vertical" /* Vertical */ ? buttonResponsive : false,
@@ -6401,7 +6399,7 @@ function NavbarMinimalContent({
       }, componentsProps?.NavigationMenu?.componentsProps)
     })
   }) : null;
-  return /* @__PURE__ */ jsx16(Paper, {
+  return /* @__PURE__ */ jsx17(Paper, {
     bg: theme.transparentBackground,
     h: "100%",
     p: "md",
@@ -6411,13 +6409,13 @@ function NavbarMinimalContent({
       h: "100%",
       children: [
         logoButton,
-        /* @__PURE__ */ jsx16(ScrollArea2, {
+        /* @__PURE__ */ jsx17(ScrollArea2, {
           flex: 1,
-          children: /* @__PURE__ */ jsx16(Stack2, {
+          children: /* @__PURE__ */ jsx17(Stack2, {
             children: buttons
           })
         }),
-        /* @__PURE__ */ jsx16(Stack2, {
+        /* @__PURE__ */ jsx17(Stack2, {
           visibleFrom: collapseStaticElements ? collapseStaticElementsBreakpoint : undefined,
           children: staticButtons
         }),
@@ -6427,15 +6425,15 @@ function NavbarMinimalContent({
       wrap: "nowrap",
       children: [
         logoButton,
-        /* @__PURE__ */ jsx16(ScrollArea2, {
+        /* @__PURE__ */ jsx17(ScrollArea2, {
           flex: 1,
           style: { contain: "inline-size" },
-          children: /* @__PURE__ */ jsx16(Group2, {
+          children: /* @__PURE__ */ jsx17(Group2, {
             wrap: "nowrap",
             children: buttons
           })
         }),
-        /* @__PURE__ */ jsx16(Group2, {
+        /* @__PURE__ */ jsx17(Group2, {
           wrap: "nowrap",
           visibleFrom: collapseStaticElements ? collapseStaticElementsBreakpoint : undefined,
           children: staticButtons
@@ -6467,7 +6465,7 @@ import {
 } from "@mantine/core";
 import { IconClick as IconClick2 } from "@tabler/icons-react";
 var import_lodash9 = __toESM(require_lodash(), 1);
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function ControlButton({
   icon: Icon4 = IconClick2,
   mounted = true,
@@ -6480,17 +6478,17 @@ function ControlButton({
   componentsProps
 }) {
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx17(Transition3, {
+  return /* @__PURE__ */ jsx18(Transition3, {
     mounted,
     transition: "fade",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx17(Tooltip2, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx18(Tooltip2, {
       label: tooltip,
       disabled: !Boolean(tooltip),
       ...componentsProps?.tooltip,
-      children: /* @__PURE__ */ jsx17(ActionIcon2, {
+      children: /* @__PURE__ */ jsx18(ActionIcon2, {
         "data-control-button": true,
         size,
         color,
@@ -6501,7 +6499,7 @@ function ControlButton({
           order,
           ...import_lodash9.merge(transitionStyle, componentsProps?.button?.style)
         },
-        children: /* @__PURE__ */ jsx17(Icon4, {
+        children: /* @__PURE__ */ jsx18(Icon4, {
           ...import_lodash9.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
         })
       })
@@ -6518,7 +6516,7 @@ import {
 } from "@mantine/core";
 import { IconGripHorizontal } from "@tabler/icons-react";
 var import_lodash10 = __toESM(require_lodash(), 1);
-import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
 function Controls({
   groupRef,
   mounted = true,
@@ -6576,14 +6574,14 @@ function Controls({
   const handlePointerUp = (e) => {
     e.currentTarget.releasePointerCapture(e.pointerId);
   };
-  return /* @__PURE__ */ jsx18(Transition4, {
+  return /* @__PURE__ */ jsx19(Transition4, {
     mounted,
     keepMounted: true,
     transition: "pop",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx18(Paper2, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx19(Paper2, {
       ref: containerRef,
       pos: "absolute",
       p: gutter,
@@ -6606,7 +6604,7 @@ function Controls({
         ...componentsProps?.group,
         className: clsx_default("remoraid-controls-group", componentsProps?.group?.className),
         children: [
-          /* @__PURE__ */ jsx18(IconGripHorizontal, {
+          /* @__PURE__ */ jsx19(IconGripHorizontal, {
             ...import_lodash10.merge({}, theme.componentsProps.icons[iconSize], { order: -100, color: "var(--mantine-color-default-border)" }, componentsProps?.gripIcon)
           }),
           children,
@@ -6614,7 +6612,7 @@ function Controls({
             if (isValidElementOfType(ControlButton, button)) {
               return button;
             }
-            return /* @__PURE__ */ jsx18(ControlButton, {
+            return /* @__PURE__ */ jsx19(ControlButton, {
               ...button
             }, i);
           })
@@ -6625,7 +6623,7 @@ function Controls({
 }
 
 // src/core/components/Pinnable/index.tsx
-import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
 function Pinnable({
   layoutType: layoutTypeProp,
   section,
@@ -6645,7 +6643,7 @@ function Pinnable({
   if (layout && layout.type !== layoutType) {
     throw new TypeError(`Prop 'layoutId' in '${Pinnable.name}' refers to a layout of type ${layout.type}, expected ${layoutType}. Leave 'layoutId' undefined, if you want to use the layout in '${AppShell_default.name}' as reference layout.`);
   }
-  const controlButton = useMemo4(() => /* @__PURE__ */ jsx19(ControlButton, {
+  const controlButton = useMemo4(() => /* @__PURE__ */ jsx20(ControlButton, {
     icon: pinned ? IconPinnedOff : IconPin,
     tooltip: pinned ? "Unpin" : "Pin",
     color: "green",
@@ -6664,11 +6662,11 @@ function Pinnable({
     ...componentsProps?.container,
     className: clsx_default("remoraid-pinnable", componentsProps?.container?.className),
     children: [
-      controlsContainer === undefined ? /* @__PURE__ */ jsx19(Controls, {
+      controlsContainer === undefined ? /* @__PURE__ */ jsx20(Controls, {
         dragContainerRef: containerRef,
         ...componentsProps?.controls,
         children: controlButton
-      }) : controlsContainer !== null && /* @__PURE__ */ jsx19(Portal2, {
+      }) : controlsContainer !== null && /* @__PURE__ */ jsx20(Portal2, {
         target: controlsContainer,
         children: controlButton
       }),
@@ -6682,7 +6680,7 @@ function Pinnable({
     return null;
   }
   if (pinned && layoutType === "frame" /* Frame */) {
-    return /* @__PURE__ */ jsx19(FrameLayout_default.Element, {
+    return /* @__PURE__ */ jsx20(FrameLayout_default.Element, {
       layoutId,
       section,
       hidden,
@@ -6694,7 +6692,7 @@ function Pinnable({
 }
 
 // src/core/components/AppShell/Navbar/NavbarMinimal/index.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function NavbarMinimal({
   pinnable = true,
   componentsProps
@@ -6712,7 +6710,7 @@ function NavbarMinimal({
     setHover(false);
   };
   if (position === "left" /* Left */ || position === "right" /* Right */) {
-    return /* @__PURE__ */ jsx20(FrameLayout_default.Element, {
+    return /* @__PURE__ */ jsx21(FrameLayout_default.Element, {
       section: position,
       includeContainer: true,
       ...componentsProps?.layoutElement,
@@ -6723,19 +6721,19 @@ function NavbarMinimal({
           }
         }
       }, componentsProps?.layoutElement?.componentsProps),
-      children: /* @__PURE__ */ jsx20(NavbarMinimalContent, {
+      children: /* @__PURE__ */ jsx21(NavbarMinimalContent, {
         orientation: "vertical" /* Vertical */,
         ...componentsProps?.content
       })
     });
   }
   if (position === "top" /* Top */ || position === "bottom" /* Bottom */) {
-    const content = /* @__PURE__ */ jsx20(NavbarMinimalContent, {
+    const content = /* @__PURE__ */ jsx21(NavbarMinimalContent, {
       orientation: "horizontal" /* Horizontal */,
       ...componentsProps?.content
     });
     if (pinnable) {
-      return /* @__PURE__ */ jsx20(PageContainer, {
+      return /* @__PURE__ */ jsx21(PageContainer, {
         ...componentsProps?.container,
         componentsProps: {
           ...componentsProps?.container?.componentsProps,
@@ -6744,7 +6742,7 @@ function NavbarMinimal({
             className: clsx_default("hide-if-empty", componentsProps?.container?.componentsProps?.container?.className)
           }
         },
-        children: /* @__PURE__ */ jsx20(Pinnable, {
+        children: /* @__PURE__ */ jsx21(Pinnable, {
           section: position,
           initialValue: true,
           ...componentsProps?.Pinnable,
@@ -6787,9 +6785,9 @@ function NavbarMinimal({
     return content;
   }
   if (position === "content" /* Content */) {
-    return /* @__PURE__ */ jsx20(PageContainer, {
+    return /* @__PURE__ */ jsx21(PageContainer, {
       ...componentsProps?.container,
-      children: /* @__PURE__ */ jsx20(NavbarMinimalContent, {
+      children: /* @__PURE__ */ jsx21(NavbarMinimalContent, {
         orientation: "horizontal" /* Horizontal */,
         ...componentsProps?.content
       })
@@ -6800,7 +6798,7 @@ function NavbarMinimal({
 
 // src/core/components/AppShell/Navbar/index.tsx
 import { IconLogin, IconLogout, IconMoon, IconSun } from "@tabler/icons-react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var supportedNavbarPositions = {
   ["minimal" /* Minimal */]: [
     null,
@@ -6848,21 +6846,21 @@ var getDefaultNavigationElements = ({
     }
   }
 ];
-function Navbar2({ componentsProps }) {
+function Navbar({ componentsProps }) {
   const { navbarVariant } = useRemoraidApp();
   if (navbarVariant === "minimal" /* Minimal */) {
-    return /* @__PURE__ */ jsx21(NavbarMinimal, {
+    return /* @__PURE__ */ jsx22(NavbarMinimal, {
       ...componentsProps?.NavbarMinimal
     });
   }
   return null;
 }
-var Navbar_default = Object.assign(Navbar2, {
+var Navbar_default = Object.assign(Navbar, {
   NavbarMinimal
 });
 
 // src/core/components/AppShell/AppShellUserExperienceProvider/index.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var defaultAppShellUserExperience = {
   navbar: {
     position: null,
@@ -6876,7 +6874,7 @@ var defaultAppShellUserExperience = {
 var defaultAppShellUserExperienceCookieName = "remoraid-app-shell-user-experience";
 var appShellUserExperienceContext = createUserExperienceContext(defaultAppShellUserExperience);
 var useAppShellUserExperience = () => {
-  return useContext9(appShellUserExperienceContext);
+  return useContext10(appShellUserExperienceContext);
 };
 function AppShellUserExperienceProvider({
   children,
@@ -6899,7 +6897,7 @@ function AppShellUserExperienceProvider({
     }
     return true;
   };
-  return /* @__PURE__ */ jsx22(UserExperienceProviderWrapper, {
+  return /* @__PURE__ */ jsx23(UserExperienceProviderWrapper, {
     context: appShellUserExperienceContext,
     isValidUserExperience,
     cookieName: cookieName ?? defaultAppShellUserExperienceCookieName,
@@ -6917,7 +6915,7 @@ function AppShellUserExperienceProvider({
 }
 
 // src/core/components/AppShell/index.tsx
-import { jsx as jsx23, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs7 } from "react/jsx-runtime";
 var remoraidAppShellLayoutId = "remoraid-app-shell";
 function AppShell({
   gutter,
@@ -6941,13 +6939,13 @@ function AppShell({
     }
     meta.content = computedBodyColor;
   }, [colorScheme]);
-  return /* @__PURE__ */ jsx23(AppProvider, {
+  return /* @__PURE__ */ jsx24(AppProvider, {
     appContext: appContext2,
     ...componentsProps?.AppProvider,
-    children: /* @__PURE__ */ jsx23(AppShellUserExperienceProvider, {
+    children: /* @__PURE__ */ jsx24(AppShellUserExperienceProvider, {
       ...componentsProps?.AppShellUserExperienceProvider,
       initialValue: import_lodash13.merge(initialUserExperience, componentsProps?.AppShellUserExperienceProvider?.initialValue),
-      children: /* @__PURE__ */ jsx23(Box5, {
+      children: /* @__PURE__ */ jsx24(Box5, {
         h: "100dvh",
         ...componentsProps?.container,
         children: /* @__PURE__ */ jsxs7(FrameLayout_default, {
@@ -6955,11 +6953,11 @@ function AppShell({
           gutter: gutter ?? theme.primaryGutter,
           ...componentsProps?.layout,
           children: [
-            /* @__PURE__ */ jsx23(Navbar_default, {
+            /* @__PURE__ */ jsx24(Navbar_default, {
               ...componentsProps?.navbar
             }),
             children,
-            /* @__PURE__ */ jsx23(Footer_default, {
+            /* @__PURE__ */ jsx24(Footer_default, {
               ...componentsProps?.footer
             })
           ]
@@ -6985,15 +6983,14 @@ import {
 
 // src/core/components/Page/index.tsx
 import { Stack as Stack3 } from "@mantine/core";
-import React7, {
-  useContext as useContext10,
+import React8, {
+  useContext as useContext11,
   useEffect as useEffect5
 } from "react";
-import { usePathname as usePathname3 } from "next/navigation";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var pageContext = React7.createContext(null);
+import { jsx as jsx25 } from "react/jsx-runtime";
+var pageContext = React8.createContext(null);
 var usePage = () => {
-  return useContext10(pageContext);
+  return useContext11(pageContext);
 };
 
 // src/core/components/WidgetSelectionHeader/index.tsx
@@ -7006,11 +7003,11 @@ import {
   Flex,
   ScrollArea as ScrollArea3
 } from "@mantine/core";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 
 // src/core/components/WidgetSelectionHeader/index.tsx
 var import_lodash14 = __toESM(require_lodash(), 1);
-import { jsx as jsx26, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs8 } from "react/jsx-runtime";
 // src/core/components/BadgeGroup/index.tsx
 import {
   Badge as Badge2,
@@ -7019,7 +7016,7 @@ import {
   Stack as Stack4,
   Transition as Transition6
 } from "@mantine/core";
-import React8 from "react";
+import React9 from "react";
 
 // src/core/components/BadgeMinimal/index.tsx
 import {
@@ -7027,7 +7024,7 @@ import {
   Tooltip as Tooltip3,
   Transition as Transition5
 } from "@mantine/core";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function BadgeMinimal({
   label,
   tooltip,
@@ -7035,17 +7032,17 @@ function BadgeMinimal({
   componentsProps
 }) {
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx27(Transition5, {
+  return /* @__PURE__ */ jsx28(Transition5, {
     mounted,
     transition: "fade",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx27(Tooltip3, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx28(Tooltip3, {
       label: tooltip,
       disabled: !Boolean(tooltip),
       ...componentsProps?.tooltip,
-      children: /* @__PURE__ */ jsx27(Badge, {
+      children: /* @__PURE__ */ jsx28(Badge, {
         variant: "default",
         ...componentsProps?.badge,
         style: {
@@ -7061,7 +7058,7 @@ function BadgeMinimal({
 
 // src/core/components/BadgeGroup/index.tsx
 var import_lodash15 = __toESM(require_lodash(), 1);
-import { jsx as jsx28, jsxs as jsxs9, Fragment as Fragment2 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs9, Fragment as Fragment2 } from "react/jsx-runtime";
 import { createElement } from "react";
 function BadgeGroup({
   badges: badgesProp,
@@ -7084,7 +7081,7 @@ function BadgeGroup({
   });
   return /* @__PURE__ */ jsxs9(Fragment2, {
     children: [
-      /* @__PURE__ */ jsx28(Group4, {
+      /* @__PURE__ */ jsx29(Group4, {
         gap,
         wrap: "nowrap",
         visibleFrom: numVisibleBadges > 1 ? breakpoint : undefined,
@@ -7092,7 +7089,7 @@ function BadgeGroup({
         className: clsx_default("hide-if-empty", componentsProps?.container?.className),
         children: badgesElement
       }),
-      /* @__PURE__ */ jsx28(Transition6, {
+      /* @__PURE__ */ jsx29(Transition6, {
         mounted: numVisibleBadges > 1,
         transition: "fade",
         duration: theme.transitionDurations.short,
@@ -7101,7 +7098,7 @@ function BadgeGroup({
         children: (transitionStyle) => /* @__PURE__ */ jsxs9(HoverCard, {
           ...componentsProps?.HoverCard,
           children: [
-            /* @__PURE__ */ jsx28(HoverCard.Target, {
+            /* @__PURE__ */ jsx29(HoverCard.Target, {
               children: /* @__PURE__ */ jsxs9(Badge2, {
                 hiddenFrom: breakpoint,
                 variant: "dot",
@@ -7116,9 +7113,9 @@ function BadgeGroup({
                 ]
               })
             }),
-            /* @__PURE__ */ jsx28(HoverCard.Dropdown, {
+            /* @__PURE__ */ jsx29(HoverCard.Dropdown, {
               p: gap,
-              children: /* @__PURE__ */ jsx28(Stack4, {
+              children: /* @__PURE__ */ jsx29(Stack4, {
                 gap,
                 ...componentsProps?.hoverContainer,
                 children: badgesElement
@@ -7133,7 +7130,7 @@ function BadgeGroup({
 // src/core/components/AlertMinimal/index.tsx
 import { Alert, Transition as Transition7 } from "@mantine/core";
 var import_lodash16 = __toESM(require_lodash(), 1);
-import { jsx as jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs10 } from "react/jsx-runtime";
 function AlertMinimal({
   category,
   children,
@@ -7150,7 +7147,7 @@ function AlertMinimal({
     iconSize = "small" /* Small */,
     componentsProps
   } = import_lodash16.merge({}, theme.componentsProps.alerts[category], props);
-  return /* @__PURE__ */ jsx29(Transition7, {
+  return /* @__PURE__ */ jsx30(Transition7, {
     mounted,
     transition: "fade",
     duration: theme.transitionDurations.short,
@@ -7162,9 +7159,10 @@ function AlertMinimal({
       variant: "light",
       onClose,
       withCloseButton: onClose !== undefined,
-      icon: Icon4 ? /* @__PURE__ */ jsx29(Icon4, {
+      icon: Icon4 ? /* @__PURE__ */ jsx30(Icon4, {
         ...import_lodash16.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
       }) : undefined,
+      ...componentsProps?.alert,
       style: import_lodash16.merge(transitionStyle, componentsProps?.alert?.style),
       children: [
         text,
@@ -7183,7 +7181,7 @@ import {
 } from "react";
 import { IconX } from "@tabler/icons-react";
 var import_lodash17 = __toESM(require_lodash(), 1);
-import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs11 } from "react/jsx-runtime";
 function WidgetWrapper({
   config,
   mt = 0,
@@ -7222,7 +7220,7 @@ function WidgetWrapper({
     updateActiveWidget(null);
   };
   const mounted = Boolean(widget?.selected);
-  let element = /* @__PURE__ */ jsx30(Transition8, {
+  let element = /* @__PURE__ */ jsx31(Transition8, {
     mounted,
     transition: "fade-left",
     duration: theme.transitionDurations.medium,
@@ -7257,12 +7255,12 @@ function WidgetWrapper({
       className: clsx_default("remoraid-segment", componentsProps?.container?.className),
       id: config.widgetId,
       children: [
-        /* @__PURE__ */ jsx30(Controls, {
+        /* @__PURE__ */ jsx31(Controls, {
           dragContainerRef: containerRef,
           groupRef: controlsContainerRef,
           mounted: activeWidget === config.widgetId,
           ...componentsProps?.controls,
-          children: /* @__PURE__ */ jsx30(ControlButton, {
+          children: /* @__PURE__ */ jsx31(ControlButton, {
             mounted: withCloseButton,
             icon: IconX,
             tooltip: "Hide widget",
@@ -7291,7 +7289,7 @@ function WidgetWrapper({
     })
   });
   if (pinnableSection !== undefined) {
-    element = /* @__PURE__ */ jsx30(Pinnable, {
+    element = /* @__PURE__ */ jsx31(Pinnable, {
       section: pinnableSection,
       controlsContainer,
       hidden: Boolean(widget?.hidden),
@@ -7339,7 +7337,7 @@ import {
 } from "@mantine/core";
 import { Children } from "react";
 var import_lodash18 = __toESM(require_lodash(), 1);
-import { jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs12 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 function Widget({
   id,
@@ -7362,7 +7360,7 @@ function Widget({
   const badgesGap = (typeof gaps === "object" ? gaps.badges : gaps) ?? "xs";
   const buttonsGap = (typeof gaps === "object" ? gaps.buttons : gaps) ?? "xs";
   const alertsGap = (typeof gaps === "object" ? gaps.alerts : gaps) ?? "xs";
-  return /* @__PURE__ */ jsx31(WidgetWrapper, {
+  return /* @__PURE__ */ jsx32(WidgetWrapper, {
     config: {
       widgetId: id,
       ...config,
@@ -7390,23 +7388,23 @@ function Widget({
                   gap: badgesGap,
                   wrap: "nowrap",
                   children: [
-                    /* @__PURE__ */ jsx31(Title, {
+                    /* @__PURE__ */ jsx32(Title, {
                       order: 1,
                       size: "h2",
                       lineClamp: 1,
                       ...componentsProps?.title,
                       children: title ?? id
                     }),
-                    badges !== undefined && /* @__PURE__ */ jsx31(BadgeGroup, {
+                    badges !== undefined && /* @__PURE__ */ jsx32(BadgeGroup, {
                       badges,
                       gap: badgesGap,
                       ...componentsProps?.badgeGroup
                     })
                   ]
                 }),
-                /* @__PURE__ */ jsx31(Transition9, {
+                /* @__PURE__ */ jsx32(Transition9, {
                   mounted: Boolean(description),
-                  children: (transitionStyle) => /* @__PURE__ */ jsx31(Text2, {
+                  children: (transitionStyle) => /* @__PURE__ */ jsx32(Text2, {
                     size: "sm",
                     c: "dimmed",
                     ...componentsProps?.description,
@@ -7416,7 +7414,7 @@ function Widget({
                 })
               ]
             }),
-            /* @__PURE__ */ jsx31(Group5, {
+            /* @__PURE__ */ jsx32(Group5, {
               gap: buttonsGap,
               wrap: "nowrap",
               children: buttons !== undefined && buttons.map((button, i) => {
@@ -7431,12 +7429,12 @@ function Widget({
             })
           ]
         }),
-        /* @__PURE__ */ jsx31(Box7, {
-          children: /* @__PURE__ */ jsx31(Divider2, {
+        /* @__PURE__ */ jsx32(Box7, {
+          children: /* @__PURE__ */ jsx32(Divider2, {
             ...componentsProps?.divider
           })
         }),
-        /* @__PURE__ */ jsx31(Stack5, {
+        /* @__PURE__ */ jsx32(Stack5, {
           align: "stretch",
           gap: alertsGap,
           ...componentsProps?.alertsContainer,
@@ -7451,12 +7449,12 @@ function Widget({
             });
           })
         }),
-        (loading || Children.toArray(children).length > 0) && /* @__PURE__ */ jsx31(ScrollArea4.Autosize, {
+        (loading || Children.toArray(children).length > 0) && /* @__PURE__ */ jsx32(ScrollArea4.Autosize, {
           flex: 1,
           ...componentsProps?.childrenContainer,
           className: clsx_default("remoraid-widget-children-container", componentsProps?.childrenContainer?.className),
-          children: loading ? /* @__PURE__ */ jsx31(Center2, {
-            children: /* @__PURE__ */ jsx31(Loader, {
+          children: loading ? /* @__PURE__ */ jsx32(Center2, {
+            children: /* @__PURE__ */ jsx32(Loader, {
               ...componentsProps?.loader
             })
           }) : children
@@ -7466,25 +7464,24 @@ function Widget({
   });
 }
 // src/core/components/NotFoundPage/index.tsx
-import { usePathname as usePathname4 } from "next/navigation";
-import { jsx as jsx32, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
 // src/core/components/EnvironmentShell/index.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 // src/core/components/SettingsWidget/index.tsx
-import { createContext as createContext7, useContext as useContext11 } from "react";
+import { createContext as createContext8, useContext as useContext12 } from "react";
 import { IconRestore } from "@tabler/icons-react";
 
 // src/core/components/SettingsWidget/SaveButton/index.tsx
 import { IconDeviceFloppy } from "@tabler/icons-react";
 import { Group as Group6 } from "@mantine/core";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function SaveButton({
   onSaveChanges,
   insideContainer,
   componentsProps
 }) {
   const settingsWidgetOptions = useSettingsWidgetContext();
-  const button = /* @__PURE__ */ jsx34(RemoraidButton, {
+  const button = /* @__PURE__ */ jsx35(RemoraidButton, {
     label: "Save Changes",
     icon: IconDeviceFloppy,
     onClick: onSaveChanges,
@@ -7499,7 +7496,7 @@ function SaveButton({
     }
   });
   if (insideContainer !== false) {
-    return /* @__PURE__ */ jsx34(Group6, {
+    return /* @__PURE__ */ jsx35(Group6, {
       w: "100%",
       justify: "flex-end",
       mt: "md",
@@ -7511,11 +7508,11 @@ function SaveButton({
 }
 
 // src/core/components/SettingsWidget/index.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var defaultSettingsWidgetContext = {};
-var settingsWidgetContext = createContext7(defaultSettingsWidgetContext);
+var settingsWidgetContext = createContext8(defaultSettingsWidgetContext);
 var useSettingsWidgetContext = () => {
-  return useContext11(settingsWidgetContext);
+  return useContext12(settingsWidgetContext);
 };
 function SettingsWidget({
   children,
@@ -7524,9 +7521,9 @@ function SettingsWidget({
   custom,
   widgetProps
 }) {
-  return /* @__PURE__ */ jsx35(settingsWidgetContext.Provider, {
+  return /* @__PURE__ */ jsx36(settingsWidgetContext.Provider, {
     value: { custom, unsavedChanges },
-    children: /* @__PURE__ */ jsx35(Widget, {
+    children: /* @__PURE__ */ jsx36(Widget, {
       title: "Settings",
       id: "settings",
       ...widgetProps,
@@ -7561,12 +7558,12 @@ var SettingsWidget_default = Object.assign(SettingsWidget, {
   SaveButton
 });
 // src/core/components/SettingsWidget/SettingsTable/index.tsx
-import { createContext as createContext8, useContext as useContext12 } from "react";
+import { createContext as createContext9, useContext as useContext13 } from "react";
 import { Table as Table2 } from "@mantine/core";
 
 // src/core/components/SettingsWidget/SettingsTable/Row/index.tsx
 import { Table, Text as Text3 } from "@mantine/core";
-import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
 function Row({
   children,
   label
@@ -7574,14 +7571,14 @@ function Row({
   const options = useSettingsTableOptions();
   return /* @__PURE__ */ jsxs14(Table.Tr, {
     children: [
-      /* @__PURE__ */ jsx36(Table.Th, {
+      /* @__PURE__ */ jsx37(Table.Th, {
         w: options.leftColumnWidth,
-        children: /* @__PURE__ */ jsx36(Text3, {
+        children: /* @__PURE__ */ jsx37(Text3, {
           size: "sm",
           children: label
         })
       }),
-      /* @__PURE__ */ jsx36(Table.Td, {
+      /* @__PURE__ */ jsx37(Table.Td, {
         py: "xs",
         children
       })
@@ -7590,13 +7587,13 @@ function Row({
 }
 
 // src/core/components/SettingsWidget/SettingsTable/index.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var defaultSettingsTableOptions = {
   leftColumnWidth: "38.2%"
 };
-var settingsTableOptionsContext = createContext8(defaultSettingsTableOptions);
+var settingsTableOptionsContext = createContext9(defaultSettingsTableOptions);
 var useSettingsTableOptions = () => {
-  return useContext12(settingsTableOptionsContext);
+  return useContext13(settingsTableOptionsContext);
 };
 function SettingsTable({
   leftColumnWidth,
@@ -7604,16 +7601,16 @@ function SettingsTable({
 }) {
   const children = asChildrenOfType(Row, childrenProp, "Check children passed to 'SettingsTable' component.");
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx37(settingsTableOptionsContext.Provider, {
+  return /* @__PURE__ */ jsx38(settingsTableOptionsContext.Provider, {
     value: {
       leftColumnWidth: leftColumnWidth ?? defaultSettingsTableOptions.leftColumnWidth
     },
-    children: /* @__PURE__ */ jsx37(Table2, {
+    children: /* @__PURE__ */ jsx38(Table2, {
       bg: theme.transparentBackground,
       withTableBorder: true,
       variant: "vertical",
       layout: "fixed",
-      children: /* @__PURE__ */ jsx37(Table2.Tbody, {
+      children: /* @__PURE__ */ jsx38(Table2.Tbody, {
         children
       })
     })
@@ -7625,14 +7622,14 @@ var SettingsTable_default = Object.assign(SettingsTable, {
 // src/core/components/NavbarSettingsWidget/index.tsx
 var import_lodash19 = __toESM(require_lodash(), 1);
 import { Select } from "@mantine/core";
-import { jsx as jsx38, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
 // src/core/components/FooterSettingsWidget/index.tsx
 var import_lodash20 = __toESM(require_lodash(), 1);
 import { Select as Select2 } from "@mantine/core";
-import { jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
 // src/core/components/ContextClusterProvider/index.tsx
-import React9 from "react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import React10 from "react";
+import { jsx as jsx41 } from "react/jsx-runtime";
 // src/core/components/InputWrapperScrollArea/index.tsx
 import {
   Box as Box8,
@@ -7642,7 +7639,7 @@ import {
 } from "@mantine/core";
 import { useState as useState10 } from "react";
 import { useRemoraidTheme as useRemoraidTheme2 } from "remoraid/core";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function InputWrapperScrollArea({
   children,
   label,
@@ -7654,7 +7651,7 @@ function InputWrapperScrollArea({
 }) {
   const theme = useRemoraidTheme2();
   const [isHovering, setIsHovering] = useState10(false);
-  return /* @__PURE__ */ jsx41(Input.Wrapper, {
+  return /* @__PURE__ */ jsx42(Input.Wrapper, {
     label,
     error,
     onMouseEnter: () => setIsHovering(true),
@@ -7662,7 +7659,7 @@ function InputWrapperScrollArea({
     description,
     withAsterisk: required,
     ...componentsProps?.container,
-    children: /* @__PURE__ */ jsx41(Paper4, {
+    children: /* @__PURE__ */ jsx42(Paper4, {
       shadow: "none",
       p: 0,
       mt: Boolean(description) ? 4 : 0,
@@ -7673,12 +7670,12 @@ function InputWrapperScrollArea({
         transition: "border-color .1s",
         borderColor: error ? "var(--mantine-color-error)" : isHovering ? "var(--mantine-primary-color-filled)" : undefined
       },
-      children: /* @__PURE__ */ jsx41(ScrollArea5, {
+      children: /* @__PURE__ */ jsx42(ScrollArea5, {
         mah,
         px: "md",
         flex: 1,
         ...componentsProps?.ScrollArea,
-        children: /* @__PURE__ */ jsx41(Box8, {
+        children: /* @__PURE__ */ jsx42(Box8, {
           ...componentsProps?.childrenContainer,
           children
         })
@@ -7692,20 +7689,20 @@ import { JsonInput } from "@mantine/core";
 import { useState as useState12 } from "react";
 
 // src/jsonforms/components/FormOptionsProvider/index.tsx
-import React10, {
-  useContext as useContext13,
+import React11, {
+  useContext as useContext14,
   useState as useState11
 } from "react";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var defaultFormOptions = {
   withDescriptions: false,
   gutter: "md"
 };
-var formOptionsContext = React10.createContext({
+var formOptionsContext = React11.createContext({
   formOptions: defaultFormOptions,
   updateFormOptions: () => {}
 });
-var useFormOptions = () => useContext13(formOptionsContext);
+var useFormOptions = () => useContext14(formOptionsContext);
 function FormOptionsProvider({
   children,
   initialValue
@@ -7717,14 +7714,14 @@ function FormOptionsProvider({
   const updateFormOptions = (newFormOptions) => {
     setFormOptions((prev) => ({ ...prev, ...newFormOptions }));
   };
-  return /* @__PURE__ */ jsx42(formOptionsContext.Provider, {
+  return /* @__PURE__ */ jsx43(formOptionsContext.Provider, {
     value: { formOptions, updateFormOptions },
     children
   });
 }
 
 // src/jsonforms/renderers/AnyControl.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function PlainAnyControl({
   data,
   handleChange,
@@ -7741,13 +7738,13 @@ function PlainAnyControl({
   const [error, setError] = useState12(false);
   const label = labelProp !== "remoraid-array-item" ? labelProp : null;
   const description = withDescriptions ? schema.description : undefined;
-  return /* @__PURE__ */ jsx43(InputWrapperScrollArea, {
+  return /* @__PURE__ */ jsx44(InputWrapperScrollArea, {
     label: label ?? undefined,
     error: error ? "Invalid JSON" : undefined,
     description,
     required,
     mah: 140,
-    children: /* @__PURE__ */ jsx43(JsonInput, {
+    children: /* @__PURE__ */ jsx44(JsonInput, {
       onChange: (newValue) => {
         setInput(newValue);
         try {
@@ -7782,7 +7779,7 @@ import {
 } from "@jsonforms/core";
 import { Input as Input2, Paper as Paper5, Select as Select3 } from "@mantine/core";
 import { useMemo as useMemo5, useState as useState13 } from "react";
-import { jsx as jsx44, jsxs as jsxs17, Fragment as Fragment3 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs17, Fragment as Fragment3 } from "react/jsx-runtime";
 function PlainAnyOfControl({
   data,
   schema,
@@ -7866,8 +7863,8 @@ function PlainAnyOfControl({
     value: String(i),
     label: o.label
   }));
-  return /* @__PURE__ */ jsx44(Fragment3, {
-    children: /* @__PURE__ */ jsx44(Input2.Wrapper, {
+  return /* @__PURE__ */ jsx45(Fragment3, {
+    children: /* @__PURE__ */ jsx45(Input2.Wrapper, {
       label,
       description: formOptions.withDescriptions ? schema.description ?? null : null,
       withAsterisk: required,
@@ -7878,7 +7875,7 @@ function PlainAnyOfControl({
         p: formOptions.gutter,
         mt: formOptions.withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
         children: [
-          /* @__PURE__ */ jsx44(Select3, {
+          /* @__PURE__ */ jsx45(Select3, {
             label: "Value type",
             data: selectData,
             value: selectedOption,
@@ -7899,7 +7896,7 @@ function PlainAnyOfControl({
             variant: "default",
             mb: selectedOption !== null && inferType(selectedSchema) !== "null" ? formOptions.gutter : undefined
           }),
-          selectedOption !== null && /* @__PURE__ */ jsx44(JsonForms, {
+          selectedOption !== null && /* @__PURE__ */ jsx45(JsonForms, {
             schema: {
               ...selectedSchema,
               $schema: undefined
@@ -7935,7 +7932,7 @@ import {
   RemoraidButton as RemoraidButton2,
   useRemoraidTheme as useRemoraidTheme3
 } from "remoraid/core";
-import { jsx as jsx45, jsxs as jsxs18, Fragment as Fragment4 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs18, Fragment as Fragment4 } from "react/jsx-runtime";
 function PlainArrayControl(props) {
   const theme = useRemoraidTheme3();
   const { label, schema, data, handleChange, path, required } = props;
@@ -7954,18 +7951,18 @@ function PlainArrayControl(props) {
       required: ["item"]
     };
   } else {
-    return /* @__PURE__ */ jsx45(AlertMinimal2, {
+    return /* @__PURE__ */ jsx46(AlertMinimal2, {
       category: AlertCategory3.Negative,
       title: "Renderer missing",
       text: `Could not find applicable renderer for property '${label}'.`
     });
   }
-  return /* @__PURE__ */ jsx45(Fragment4, {
-    children: /* @__PURE__ */ jsx45(Input3.Wrapper, {
+  return /* @__PURE__ */ jsx46(Fragment4, {
+    children: /* @__PURE__ */ jsx46(Input3.Wrapper, {
       label,
       description: formOptions.withDescriptions ? schema.description : undefined,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsx45(Paper6, {
+      children: /* @__PURE__ */ jsx46(Paper6, {
         withBorder: Array.isArray(data) && data.length > 0,
         shadow: "0",
         bg: "var(--remoraid-transparent-background)",
@@ -7984,9 +7981,9 @@ function PlainArrayControl(props) {
                 direction: "row",
                 wrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx45(Box9, {
+                  /* @__PURE__ */ jsx46(Box9, {
                     flex: 1,
-                    children: /* @__PURE__ */ jsx45(JsonForms2, {
+                    children: /* @__PURE__ */ jsx46(JsonForms2, {
                       schema: schemaItems,
                       data: { item },
                       renderers: renderers ?? [],
@@ -8002,7 +7999,7 @@ function PlainArrayControl(props) {
                       validationMode: "NoValidation"
                     })
                   }),
-                  /* @__PURE__ */ jsx45(RemoraidButton2, {
+                  /* @__PURE__ */ jsx46(RemoraidButton2, {
                     responsive: false,
                     collapsed: true,
                     label: "Delete item",
@@ -8014,10 +8011,10 @@ function PlainArrayControl(props) {
                   })
                 ]
               }, i);
-            }) : /* @__PURE__ */ jsx45(Fragment4, {}),
-            /* @__PURE__ */ jsx45(Button2, {
+            }) : /* @__PURE__ */ jsx46(Fragment4, {}),
+            /* @__PURE__ */ jsx46(Button2, {
               variant: "default",
-              leftSection: /* @__PURE__ */ jsx45(IconPlus, {
+              leftSection: /* @__PURE__ */ jsx46(IconPlus, {
                 ...theme.componentsProps.icons.medium
               }),
               onClick: () => {
@@ -8047,7 +8044,7 @@ var ArrayControl_default = ArrayControl;
 // src/jsonforms/renderers/CheckboxControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps4 } from "@jsonforms/react";
 import { Checkbox } from "@mantine/core";
-import { jsx as jsx46, Fragment as Fragment5 } from "react/jsx-runtime";
+import { jsx as jsx47, Fragment as Fragment5 } from "react/jsx-runtime";
 function PlainCheckboxControl({
   data,
   handleChange,
@@ -8057,8 +8054,8 @@ function PlainCheckboxControl({
   schema
 }) {
   const { formOptions } = useFormOptions();
-  return /* @__PURE__ */ jsx46(Fragment5, {
-    children: /* @__PURE__ */ jsx46(Checkbox, {
+  return /* @__PURE__ */ jsx47(Fragment5, {
+    children: /* @__PURE__ */ jsx47(Checkbox, {
       label,
       py: formOptions.gutter,
       labelPosition: "left",
@@ -8077,7 +8074,7 @@ var CheckboxControl_default = CheckboxControl;
 // src/jsonforms/renderers/NumberControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps5 } from "@jsonforms/react";
 import { NumberInput } from "@mantine/core";
-import { jsx as jsx47, Fragment as Fragment6 } from "react/jsx-runtime";
+import { jsx as jsx48, Fragment as Fragment6 } from "react/jsx-runtime";
 function PlainNumberControl({
   data,
   handleChange,
@@ -8089,8 +8086,8 @@ function PlainNumberControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx47(Fragment6, {
-    children: /* @__PURE__ */ jsx47(NumberInput, {
+  return /* @__PURE__ */ jsx48(Fragment6, {
+    children: /* @__PURE__ */ jsx48(NumberInput, {
       label,
       variant: "default",
       value: data ?? "",
@@ -8128,7 +8125,7 @@ import {
 } from "@jsonforms/core";
 import { useState as useState14 } from "react";
 import { IconPlus as IconPlus2, IconTrash as IconTrash2 } from "@tabler/icons-react";
-import { jsx as jsx48, jsxs as jsxs19, Fragment as Fragment7 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs19, Fragment as Fragment7 } from "react/jsx-runtime";
 function PlainObjectControl({
   label: labelProp,
   schema,
@@ -8147,11 +8144,11 @@ function PlainObjectControl({
   const declaredKeys = new Set(Object.keys(schema.properties ?? {}));
   const objectData = data && typeof data === "object" && !Array.isArray(data) ? data : {};
   const additionalEntries = Object.entries(objectData).filter(([key]) => !declaredKeys.has(key));
-  return /* @__PURE__ */ jsx48(Input4.Wrapper, {
+  return /* @__PURE__ */ jsx49(Input4.Wrapper, {
     label,
     description,
     withAsterisk: required,
-    children: /* @__PURE__ */ jsx48(Paper7, {
+    children: /* @__PURE__ */ jsx49(Paper7, {
       withBorder: true,
       bg: "var(--remoraid-transparent-background)",
       shadow: "0",
@@ -8162,7 +8159,7 @@ function PlainObjectControl({
         justify: "flex-start",
         gap: formOptions.gutter,
         children: [
-          hasProperties && /* @__PURE__ */ jsx48(JsonForms3, {
+          hasProperties && /* @__PURE__ */ jsx49(JsonForms3, {
             schema: {
               ...schema,
               $schema: undefined
@@ -8177,7 +8174,7 @@ function PlainObjectControl({
           }),
           hasAdditionalProperties && /* @__PURE__ */ jsxs19(Fragment7, {
             children: [
-              additionalEntries.length > 0 && /* @__PURE__ */ jsx48(Stack7, {
+              additionalEntries.length > 0 && /* @__PURE__ */ jsx49(Stack7, {
                 align: "stretch",
                 justify: "flex-start",
                 gap: formOptions.gutter,
@@ -8188,9 +8185,9 @@ function PlainObjectControl({
                   direction: "row",
                   wrap: "nowrap",
                   children: [
-                    /* @__PURE__ */ jsx48(Box10, {
+                    /* @__PURE__ */ jsx49(Box10, {
                       flex: 1,
-                      children: /* @__PURE__ */ jsx48(JsonForms3, {
+                      children: /* @__PURE__ */ jsx49(JsonForms3, {
                         schema: {
                           ...schema.additionalProperties === true ? {} : schema.additionalProperties,
                           title: key,
@@ -8209,7 +8206,7 @@ function PlainObjectControl({
                         }
                       })
                     }),
-                    /* @__PURE__ */ jsx48(RemoraidButton, {
+                    /* @__PURE__ */ jsx49(RemoraidButton, {
                       responsive: false,
                       collapsed: true,
                       label: `Delete ${key}`,
@@ -8232,7 +8229,7 @@ function PlainObjectControl({
                 wrap: "nowrap",
                 align: "flex-end",
                 children: [
-                  /* @__PURE__ */ jsx48(TextInput, {
+                  /* @__PURE__ */ jsx49(TextInput, {
                     label: "New key",
                     variant: "default",
                     value: newKey,
@@ -8243,7 +8240,7 @@ function PlainObjectControl({
                     description: formOptions.withDescriptions ? "Key for new additional property value" : null,
                     flex: 1
                   }),
-                  /* @__PURE__ */ jsx48(RemoraidButton, {
+                  /* @__PURE__ */ jsx49(RemoraidButton, {
                     responsive: false,
                     collapsed: true,
                     label: "Add key",
@@ -8283,7 +8280,7 @@ var ObjectControl_default = ObjectControl;
 // src/jsonforms/renderers/StringSelectControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps7 } from "@jsonforms/react";
 import { Select as Select4 } from "@mantine/core";
-import { jsx as jsx49, Fragment as Fragment8 } from "react/jsx-runtime";
+import { jsx as jsx50, Fragment as Fragment8 } from "react/jsx-runtime";
 function PlainTimestampControl({
   data,
   handleChange,
@@ -8295,8 +8292,8 @@ function PlainTimestampControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx49(Fragment8, {
-    children: /* @__PURE__ */ jsx49(Select4, {
+  return /* @__PURE__ */ jsx50(Fragment8, {
+    children: /* @__PURE__ */ jsx50(Select4, {
       label,
       data: schema.enum,
       value: data,
@@ -8432,7 +8429,7 @@ var verticalLayoutTester_default = tester9;
 // src/jsonforms/renderers/TextControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps8 } from "@jsonforms/react";
 import { TextInput as TextInput2 } from "@mantine/core";
-import { jsx as jsx50, Fragment as Fragment9 } from "react/jsx-runtime";
+import { jsx as jsx51, Fragment as Fragment9 } from "react/jsx-runtime";
 function PlainTextControl({
   data,
   handleChange,
@@ -8444,8 +8441,8 @@ function PlainTextControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx50(Fragment9, {
-    children: /* @__PURE__ */ jsx50(TextInput2, {
+  return /* @__PURE__ */ jsx51(Fragment9, {
+    children: /* @__PURE__ */ jsx51(TextInput2, {
       label,
       variant: "default",
       placeholder: "",
@@ -8464,7 +8461,7 @@ var TextControl_default = TextControl;
 // src/jsonforms/renderers/TimestampControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps9 } from "@jsonforms/react";
 import { DatePickerInput } from "@mantine/dates";
-import { jsx as jsx51, Fragment as Fragment10 } from "react/jsx-runtime";
+import { jsx as jsx52, Fragment as Fragment10 } from "react/jsx-runtime";
 function PlainTimestampControl2({
   data,
   handleChange,
@@ -8476,8 +8473,8 @@ function PlainTimestampControl2({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx51(Fragment10, {
-    children: /* @__PURE__ */ jsx51(DatePickerInput, {
+  return /* @__PURE__ */ jsx52(Fragment10, {
+    children: /* @__PURE__ */ jsx52(DatePickerInput, {
       variant: "default",
       label,
       placeholder: "Pick a date",
@@ -8496,17 +8493,17 @@ var TimestampControl2 = withJsonFormsControlProps9(PlainTimestampControl2);
 var TimestampControl_default = TimestampControl2;
 
 // src/jsonforms/renderers/VerticalLayout.tsx
-import React11 from "react";
+import React12 from "react";
 import { withJsonFormsLayoutProps } from "@jsonforms/react";
 import { JsonFormsDispatch, useJsonForms as useJsonForms4 } from "@jsonforms/react";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 "use client";
 var JsonFormsLayout = ({
   className,
   children,
   visible
 }) => {
-  return /* @__PURE__ */ jsx52("div", {
+  return /* @__PURE__ */ jsx53("div", {
     className,
     hidden: visible === undefined || visible === null ? false : !visible,
     children
@@ -8517,10 +8514,10 @@ var renderChildren = (layout, schema, className, path, enabled) => {
   const { formOptions } = useFormOptions();
   const gutter = typeof formOptions.gutter === "string" ? `var(--mantine-spacing-${formOptions.gutter})` : `${formOptions.gutter}px`;
   return layout.elements.map((child, index) => {
-    return /* @__PURE__ */ jsx52("div", {
+    return /* @__PURE__ */ jsx53("div", {
       className,
       style: { marginTop: index === 0 ? 0 : gutter },
-      children: /* @__PURE__ */ jsx52(JsonFormsDispatch, {
+      children: /* @__PURE__ */ jsx53(JsonFormsDispatch, {
         renderers,
         cells,
         uischema: child,
@@ -8533,11 +8530,11 @@ var renderChildren = (layout, schema, className, path, enabled) => {
 };
 var VerticalLayoutRenderer = (props) => {
   const { data: _data, ...otherProps } = props;
-  return /* @__PURE__ */ jsx52(VerticalLayoutRendererComponent, {
+  return /* @__PURE__ */ jsx53(VerticalLayoutRendererComponent, {
     ...otherProps
   });
 };
-var VerticalLayoutRendererComponent = React11.memo(function VerticalLayoutRendererComponent2({
+var VerticalLayoutRendererComponent = React12.memo(function VerticalLayoutRendererComponent2({
   schema,
   uischema,
   path,
@@ -8547,7 +8544,7 @@ var VerticalLayoutRendererComponent = React11.memo(function VerticalLayoutRender
   const verticalLayout = uischema;
   const layoutClassName = "";
   const childClassNames = "";
-  return /* @__PURE__ */ jsx52(JsonFormsLayout, {
+  return /* @__PURE__ */ jsx53(JsonFormsLayout, {
     className: layoutClassName,
     uischema,
     schema,