remoraid 2.43.2 → 2.45.0

package/dist/jsonforms/index.cjs

@@ -5543,13 +5543,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
 var import_core2 = require("@mantine/core");
@@ -5671,7 +5664,12 @@ function UserExperienceProviderWrapper({
   initialValue
 }) {
   const [cookies, setCookie] = import_react_cookie.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] = import_react5.useState(initialUserExperience);
   const [processedCookie, setProcessedCookie] = import_react5.useState(false);
   const updateUserExperience = (p) => {
@@ -5719,16 +5717,28 @@ var useLayouts = () => {
   return import_react7.useContext(layoutsContext);
 };
 
-// src/core/components/RemoraidProvider/index.tsx
+// src/core/components/RemoraidProvider/RouterProvider/index.tsx
+var import_react8 = require("react");
 var jsx_runtime7 = require("react/jsx-runtime");
+var defaultRouter = {
+  pathname: "/",
+  push: () => {}
+};
+var routerContext = import_react8.createContext(defaultRouter);
+var useRemoraidRouter = () => {
+  return import_react8.useContext(routerContext);
+};
+
+// src/core/components/RemoraidProvider/index.tsx
+var jsx_runtime8 = require("react/jsx-runtime");
 // src/core/components/AppShell/index.tsx
 var import_core13 = require("@mantine/core");
 var import_react18 = require("react");
 
 // src/core/components/AppShell/AppProvider/index.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_lodash4 = __toESM(require_lodash());
-var jsx_runtime8 = require("react/jsx-runtime");
+var jsx_runtime9 = require("react/jsx-runtime");
 var defaultAppContext = {
   name: "Hello, World!",
   nav: [],
@@ -5736,16 +5746,16 @@ var defaultAppContext = {
   footerVariant: "minimal" /* Minimal */,
   navbarMobileVariant: null
 };
-var appContext = import_react8.createContext(defaultAppContext);
+var appContext = import_react9.createContext(defaultAppContext);
 var useRemoraidApp = () => {
-  return import_react8.useContext(appContext);
+  return import_react9.useContext(appContext);
 };
 function AppProvider({
   appContext: appContextProp,
   children
 }) {
   const { logo, ...appContextPropWithoutLogo } = appContextProp;
-  return /* @__PURE__ */ jsx_runtime8.jsx(appContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime9.jsx(appContext.Provider, {
     value: { ...import_lodash4.merge(defaultAppContext, appContextPropWithoutLogo), logo },
     children
   });
@@ -5789,7 +5799,7 @@ function clsx() {
 var clsx_default = clsx;
 
 // src/core/components/Page/PageContainer/index.tsx
-var jsx_runtime9 = require("react/jsx-runtime");
+var jsx_runtime10 = require("react/jsx-runtime");
 function PageContainer({
   children,
   p = 0,
@@ -5797,7 +5807,7 @@ function PageContainer({
   componentsProps
 }) {
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_runtime9.jsx(import_core3.Container, {
+  return /* @__PURE__ */ jsx_runtime10.jsx(import_core3.Container, {
     size: theme.containerSize,
     p,
     w: "100%",
@@ -5810,10 +5820,10 @@ function PageContainer({
 
 // src/core/components/FrameLayout/index.tsx
 var import_core5 = require("@mantine/core");
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/core/components/FrameLayout/Element/index.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_core4 = require("@mantine/core");
 
 // src/core/lib/errors.ts
@@ -5826,10 +5836,10 @@ class InvalidComponentUsageError extends Error {
 
 // src/core/components/FrameLayout/Element/index.tsx
 var import_lodash5 = __toESM(require_lodash());
-var jsx_runtime10 = require("react/jsx-runtime");
-var layoutElementContext = import_react9.createContext(null);
+var jsx_runtime11 = require("react/jsx-runtime");
+var layoutElementContext = import_react10.createContext(null);
 var useFrameLayoutElement = () => {
-  return import_react9.useContext(layoutElementContext);
+  return import_react10.useContext(layoutElementContext);
 };
 function Element2({
   section,
@@ -5859,17 +5869,17 @@ function Element2({
   if (section === "left" /* Left */ || section === "right" /* Right */) {
     containerProps.h = "100%";
   }
-  const element = includePageContainer ? /* @__PURE__ */ jsx_runtime10.jsx(PageContainer, {
+  const element = includePageContainer ? /* @__PURE__ */ jsx_runtime11.jsx(PageContainer, {
     p: 0,
     hidden,
     ...componentsProps?.PageContainer,
     children
   }) : children;
-  return /* @__PURE__ */ jsx_runtime10.jsx(import_core4.Portal, {
+  return /* @__PURE__ */ jsx_runtime11.jsx(import_core4.Portal, {
     target: layout.sections[section],
-    children: /* @__PURE__ */ jsx_runtime10.jsx(layoutElementContext.Provider, {
+    children: /* @__PURE__ */ jsx_runtime11.jsx(layoutElementContext.Provider, {
       value: { layoutType: "frame" /* Frame */, section },
-      children: includeContainer ? /* @__PURE__ */ jsx_runtime10.jsx(import_core4.Box, {
+      children: includeContainer ? /* @__PURE__ */ jsx_runtime11.jsx(import_core4.Box, {
         "data-hidden": hidden,
         ...import_lodash5.merge(containerProps, componentsProps?.container),
         className: clsx_default("remoraid-frame-layout-element", containerProps?.className, componentsProps?.container?.className),
@@ -5880,10 +5890,10 @@ function Element2({
 }
 
 // src/core/components/FrameLayout/index.tsx
-var jsx_runtime11 = require("react/jsx-runtime");
-var layoutContext = import_react10.createContext(null);
+var jsx_runtime12 = require("react/jsx-runtime");
+var layoutContext = import_react11.createContext(null);
 var useFrameLayout = () => {
-  return import_react10.useContext(layoutContext);
+  return import_react11.useContext(layoutContext);
 };
 function FrameLayout({
   layoutId,
@@ -5894,14 +5904,14 @@ function FrameLayout({
 }) {
   const { layouts, setLayouts } = useLayouts();
   const layout = layouts[layoutId];
-  const defaultSections = import_react10.useMemo(() => ({
+  const defaultSections = import_react11.useMemo(() => ({
     ["bottom" /* Bottom */]: null,
     ["right" /* Right */]: null,
     ["top" /* Top */]: null,
     ["left" /* Left */]: null,
     ["content" /* Content */]: null
   }), []);
-  const setSections = import_react10.useCallback((value) => {
+  const setSections = import_react11.useCallback((value) => {
     setLayouts((prev) => ({
       ...prev,
       [layoutId]: {
@@ -5910,37 +5920,37 @@ function FrameLayout({
       }
     }));
   }, [layoutId, setLayouts, defaultSections]);
-  const topSectionRef = import_react10.useCallback((n) => {
+  const topSectionRef = import_react11.useCallback((n) => {
     setSections((prev) => ({
       ...prev,
       ["top" /* Top */]: n
     }));
   }, [setSections]);
-  const bottomSectionRef = import_react10.useCallback((n) => {
+  const bottomSectionRef = import_react11.useCallback((n) => {
     setSections((prev) => ({
       ...prev,
       ["bottom" /* Bottom */]: n
     }));
   }, [setSections]);
-  const leftSectionRef = import_react10.useCallback((n) => {
+  const leftSectionRef = import_react11.useCallback((n) => {
     setSections((prev) => ({
       ...prev,
       ["left" /* Left */]: n
     }));
   }, [setSections]);
-  const rightSectionRef = import_react10.useCallback((n) => {
+  const rightSectionRef = import_react11.useCallback((n) => {
     setSections((prev) => ({
       ...prev,
       ["right" /* Right */]: n
     }));
   }, [setSections]);
-  const contentSectionRef = import_react10.useCallback((n) => {
+  const contentSectionRef = import_react11.useCallback((n) => {
     setSections((prev) => ({
       ...prev,
       ["content" /* Content */]: n
     }));
   }, [setSections]);
-  const contentSection = /* @__PURE__ */ jsx_runtime11.jsx(import_core5.Stack, {
+  const contentSection = /* @__PURE__ */ jsx_runtime12.jsx(import_core5.Stack, {
     ref: contentSectionRef,
     h: "100%",
     gap: gutter,
@@ -5949,15 +5959,15 @@ function FrameLayout({
     className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-content-section", componentsProps?.sectionContainers?.["content" /* Content */]?.className),
     children
   });
-  const layoutContextValue = import_react10.useMemo(() => ({
+  const layoutContextValue = import_react11.useMemo(() => ({
     type: "frame" /* Frame */,
     sections: defaultSections,
     ...layout,
     layoutId
   }), [layout?.sections, defaultSections, layoutId]);
-  return /* @__PURE__ */ jsx_runtime11.jsx(layoutContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime12.jsx(layoutContext.Provider, {
     value: layoutContextValue,
-    children: /* @__PURE__ */ jsx_runtime11.jsxs(import_core5.Group, {
+    children: /* @__PURE__ */ jsx_runtime12.jsxs(import_core5.Group, {
       gap: 0,
       h: "100%",
       w: "100%",
@@ -5968,7 +5978,7 @@ function FrameLayout({
       },
       className: clsx_default("remoraid-frame-layout", componentsProps?.horizontalContainer?.className),
       children: [
-        /* @__PURE__ */ jsx_runtime11.jsx(import_core5.Group, {
+        /* @__PURE__ */ jsx_runtime12.jsx(import_core5.Group, {
           ref: leftSectionRef,
           h: "100%",
           wrap: "nowrap",
@@ -5977,26 +5987,26 @@ function FrameLayout({
           ...componentsProps?.sectionContainers?.["left" /* Left */],
           className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-left-section", componentsProps?.sectionContainers?.["left" /* Left */]?.className)
         }),
-        /* @__PURE__ */ jsx_runtime11.jsxs(import_core5.Stack, {
+        /* @__PURE__ */ jsx_runtime12.jsxs(import_core5.Stack, {
           h: "100%",
           flex: 1,
           gap: 0,
           ...componentsProps?.verticalContainer,
           className: clsx_default("remoraid-frame-layout-vertical-container", componentsProps?.verticalContainer?.className),
           children: [
-            /* @__PURE__ */ jsx_runtime11.jsx(import_core5.Stack, {
+            /* @__PURE__ */ jsx_runtime12.jsx(import_core5.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__ */ jsx_runtime11.jsx(import_core5.ScrollArea, {
+            includeScrollArea ? /* @__PURE__ */ jsx_runtime12.jsx(import_core5.ScrollArea, {
               flex: 1,
               ...componentsProps?.ScrollArea,
               children: contentSection
             }) : contentSection,
-            /* @__PURE__ */ jsx_runtime11.jsx(import_core5.Stack, {
+            /* @__PURE__ */ jsx_runtime12.jsx(import_core5.Stack, {
               ref: bottomSectionRef,
               gap: gutter,
               flex: 0,
@@ -6005,7 +6015,7 @@ function FrameLayout({
             })
           ]
         }),
-        /* @__PURE__ */ jsx_runtime11.jsx(import_core5.Group, {
+        /* @__PURE__ */ jsx_runtime12.jsx(import_core5.Group, {
           ref: rightSectionRef,
           h: "100%",
           gap: gutter,
@@ -6023,7 +6033,7 @@ var FrameLayout_default = Object.assign(FrameLayout, {
 });
 
 // src/core/components/AppShell/Footer/FooterMinimal/index.tsx
-var jsx_runtime12 = require("react/jsx-runtime");
+var jsx_runtime13 = require("react/jsx-runtime");
 function FooterMinimal({
   icon: Icon2 = import_icons_react2.IconPennant,
   componentsProps
@@ -6034,10 +6044,10 @@ function FooterMinimal({
       footer: { position }
     }
   } = useAppShellUserExperience();
-  const content = /* @__PURE__ */ jsx_runtime12.jsx(PageContainer, {
+  const content = /* @__PURE__ */ jsx_runtime13.jsx(PageContainer, {
     ...componentsProps?.container,
-    children: /* @__PURE__ */ jsx_runtime12.jsx(import_core6.Center, {
-      children: /* @__PURE__ */ jsx_runtime12.jsx(Icon2, {
+    children: /* @__PURE__ */ jsx_runtime13.jsx(import_core6.Center, {
+      children: /* @__PURE__ */ jsx_runtime13.jsx(Icon2, {
         color: "var(--mantine-color-default-border)",
         ...theme.componentsProps.icons.huge,
         ...componentsProps?.icon
@@ -6045,7 +6055,7 @@ function FooterMinimal({
     })
   });
   if (position === "bottom" /* Bottom */) {
-    return /* @__PURE__ */ jsx_runtime12.jsx(FrameLayout_default.Element, {
+    return /* @__PURE__ */ jsx_runtime13.jsx(FrameLayout_default.Element, {
       section: position,
       includeContainer: true,
       ...componentsProps?.layoutElement,
@@ -6060,7 +6070,7 @@ function FooterMinimal({
 }
 
 // src/core/components/AppShell/Footer/index.tsx
-var jsx_runtime13 = require("react/jsx-runtime");
+var jsx_runtime14 = require("react/jsx-runtime");
 var supportedFooterPositions = {
   ["minimal" /* Minimal */]: [
     null,
@@ -6074,7 +6084,7 @@ var defaultFooterPositions = {
 function Footer({ componentsProps }) {
   const { footerVariant } = useRemoraidApp();
   if (footerVariant === "minimal" /* Minimal */) {
-    return /* @__PURE__ */ jsx_runtime13.jsx(FooterMinimal, {
+    return /* @__PURE__ */ jsx_runtime14.jsx(FooterMinimal, {
       ...componentsProps?.FooterMinimal
     });
   }
@@ -6088,16 +6098,13 @@ var Footer_default = Object.assign(Footer, {
 var import_react16 = require("react");
 
 // src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/index.tsx
-var import_react13 = require("react");
 var import_core9 = require("@mantine/core");
-var import_navigation2 = require("next/navigation");
 var import_lodash8 = __toESM(require_lodash());
 
 // src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/NavigationMenu/index.tsx
 var import_core7 = require("@mantine/core");
-var import_navigation = require("next/navigation");
-var import_react11 = require("react");
-var jsx_runtime14 = require("react/jsx-runtime");
+var import_react12 = require("react");
+var jsx_runtime15 = require("react/jsx-runtime");
 function NavigationMenu({
   target,
   elements,
@@ -6106,13 +6113,13 @@ function NavigationMenu({
 }) {
   const theme = useRemoraidTheme();
   const mantineTheme = import_core7.useMantineTheme();
-  const pathname = import_navigation.usePathname();
-  const router = import_navigation.useRouter();
-  const item = (element) => /* @__PURE__ */ jsx_runtime14.jsx(import_core7.Transition, {
+  const router = useRemoraidRouter();
+  const { pathname } = router;
+  const item = (element) => /* @__PURE__ */ jsx_runtime15.jsx(import_core7.Transition, {
     mounted: element.mounted ?? true,
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime14.jsx(import_core7.Menu.Item, {
-      leftSection: element.icon ? /* @__PURE__ */ jsx_runtime14.jsx(element.icon, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime15.jsx(import_core7.Menu.Item, {
+      leftSection: element.icon ? /* @__PURE__ */ jsx_runtime15.jsx(element.icon, {
         ...theme.componentsProps.icons.small
       }) : undefined,
       c: element.type === "anchor" /* Anchor */ && element.href === pathname ? mantineTheme.primaryColor : undefined,
@@ -6128,25 +6135,25 @@ function NavigationMenu({
       children: element.label
     })
   });
-  const targetElement = import_react11.isValidElement(target) ? target : item(target);
+  const targetElement = import_react12.isValidElement(target) ? target : item(target);
   if (elements === undefined || elements.length === 0) {
     return targetElement;
   }
-  return /* @__PURE__ */ jsx_runtime14.jsxs(import_core7.Menu, {
+  return /* @__PURE__ */ jsx_runtime15.jsxs(import_core7.Menu, {
     trigger: "click-hover",
     ...componentsProps?.Menu,
     children: [
-      /* @__PURE__ */ jsx_runtime14.jsx(import_core7.Menu.Target, {
-        children: /* @__PURE__ */ jsx_runtime14.jsx(import_core7.Box, {
+      /* @__PURE__ */ jsx_runtime15.jsx(import_core7.Menu.Target, {
+        children: /* @__PURE__ */ jsx_runtime15.jsx(import_core7.Box, {
           children: targetElement
         })
       }),
-      /* @__PURE__ */ jsx_runtime14.jsxs(import_core7.Menu.Dropdown, {
+      /* @__PURE__ */ jsx_runtime15.jsxs(import_core7.Menu.Dropdown, {
         children: [
-          label !== undefined && /* @__PURE__ */ jsx_runtime14.jsx(import_core7.Menu.Label, {
+          label !== undefined && /* @__PURE__ */ jsx_runtime15.jsx(import_core7.Menu.Label, {
             children: label
           }),
-          elements.map((element, i) => /* @__PURE__ */ jsx_runtime14.jsx(NavigationMenu, {
+          elements.map((element, i) => /* @__PURE__ */ jsx_runtime15.jsx(NavigationMenu, {
             target: item(element),
             elements: element.children,
             componentsProps
@@ -6163,9 +6170,9 @@ var import_icons_react4 = require("@tabler/icons-react");
 // src/core/components/RemoraidButton/index.tsx
 var import_core8 = require("@mantine/core");
 var import_icons_react3 = require("@tabler/icons-react");
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_lodash7 = __toESM(require_lodash());
-var jsx_runtime15 = require("react/jsx-runtime");
+var jsx_runtime16 = require("react/jsx-runtime");
 var defaultRemoraidButtonSize = "sm";
 function RemoraidButton({
   label,
@@ -6189,7 +6196,7 @@ function RemoraidButton({
   const collapsed = collapsedProp ?? false;
   const iconSize = iconSizeProp ?? getDefaultButtonIconSize(size);
   const Icon3 = iconProp ?? import_icons_react3.IconClick;
-  const iconElement = import_react12.isValidElement(Icon3) ? Icon3 : /* @__PURE__ */ jsx_runtime15.jsx(Icon3, {
+  const iconElement = import_react13.isValidElement(Icon3) ? Icon3 : /* @__PURE__ */ jsx_runtime16.jsx(Icon3, {
     ...import_lodash7.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
   });
   const clickTransformationClassNames = {
@@ -6202,18 +6209,18 @@ function RemoraidButton({
     ["tiltRight" /* TiltRight */]: "remoraid-button-tilt-right"
   };
   const clickTransformationClass = clickTransformationClassNames[clickTransformation];
-  return /* @__PURE__ */ jsx_runtime15.jsx(import_core8.Transition, {
+  return /* @__PURE__ */ jsx_runtime16.jsx(import_core8.Transition, {
     mounted,
     transition: "fade",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime15.jsxs(jsx_runtime15.Fragment, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime16.jsxs(jsx_runtime16.Fragment, {
       children: [
-        /* @__PURE__ */ jsx_runtime15.jsx(import_core8.Tooltip, {
+        /* @__PURE__ */ jsx_runtime16.jsx(import_core8.Tooltip, {
           label,
           ...componentsProps?.tooltip,
-          children: /* @__PURE__ */ jsx_runtime15.jsx(import_core8.ActionIcon, {
+          children: /* @__PURE__ */ jsx_runtime16.jsx(import_core8.ActionIcon, {
             "aria-label": label,
             variant,
             onClick,
@@ -6229,7 +6236,7 @@ function RemoraidButton({
             children: iconElement
           })
         }),
-        /* @__PURE__ */ jsx_runtime15.jsx(import_core8.Button, {
+        /* @__PURE__ */ jsx_runtime16.jsx(import_core8.Button, {
           onClick,
           loading,
           variant,
@@ -6250,8 +6257,7 @@ function RemoraidButton({
 }
 
 // src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/index.tsx
-var import_image = __toESM(require("next/image"));
-var jsx_runtime16 = require("react/jsx-runtime");
+var jsx_runtime17 = require("react/jsx-runtime");
 function NavbarMinimalContent({
   orientation,
   maxElements,
@@ -6261,8 +6267,8 @@ function NavbarMinimalContent({
   const theme = useRemoraidTheme();
   const { userExperience: appShellUserExperience } = useAppShellUserExperience();
   const app = useRemoraidApp();
-  const router = import_navigation2.useRouter();
-  const pathname = import_navigation2.usePathname();
+  const router = useRemoraidRouter();
+  const { pathname } = router;
   const layoutElement = useFrameLayoutElement();
   const { colorScheme, setColorScheme } = useHydratedMantineColorScheme();
   const collapseStaticElementsBreakpoint = collapseStaticElementsBreakpointProp ?? theme.breakpoints.navbarStaticElementsCollapse;
@@ -6283,21 +6289,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__ */ jsx_runtime16.jsx(RemoraidButton, {
+  const logoButton = app.logo ? /* @__PURE__ */ jsx_runtime17.jsx(RemoraidButton, {
     label: app.name,
     variant: "subtle",
-    icon: import_react13.isValidElement(app.logo) || isIcon(app.logo) ? app.logo : /* @__PURE__ */ jsx_runtime16.jsx(import_image.default, {
-      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,
@@ -6315,9 +6310,9 @@ function NavbarMinimalContent({
       componentsProps?.logoButton?.onClick?.(e);
     }
   }) : undefined;
-  const button = (element, key) => /* @__PURE__ */ jsx_runtime16.jsx(NavigationMenu, {
+  const button = (element, key) => /* @__PURE__ */ jsx_runtime17.jsx(NavigationMenu, {
     label: element.label,
-    target: /* @__PURE__ */ jsx_runtime16.jsx(RemoraidButton, {
+    target: /* @__PURE__ */ jsx_runtime17.jsx(RemoraidButton, {
       mounted: element.mounted,
       label: element.label,
       icon: element.icon,
@@ -6360,11 +6355,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__ */ jsx_runtime16.jsx(import_core9.Box, {
+  const staticMenuButton = collapseStaticElements ? /* @__PURE__ */ jsx_runtime17.jsx(import_core9.Box, {
     hiddenFrom: collapseStaticElementsBreakpoint,
-    children: /* @__PURE__ */ jsx_runtime16.jsx(NavigationMenu, {
+    children: /* @__PURE__ */ jsx_runtime17.jsx(NavigationMenu, {
       elements: staticElements,
-      target: /* @__PURE__ */ jsx_runtime16.jsx(RemoraidButton, {
+      target: /* @__PURE__ */ jsx_runtime17.jsx(RemoraidButton, {
         label: "Static elements",
         icon: import_icons_react4.IconDots,
         responsive: orientation === "vertical" /* Vertical */ ? buttonResponsive : false,
@@ -6385,41 +6380,41 @@ function NavbarMinimalContent({
       }, componentsProps?.NavigationMenu?.componentsProps)
     })
   }) : null;
-  return /* @__PURE__ */ jsx_runtime16.jsx(import_core9.Paper, {
+  return /* @__PURE__ */ jsx_runtime17.jsx(import_core9.Paper, {
     bg: theme.transparentBackground,
     h: "100%",
     p: "md",
     shadow: "md",
     ...componentsProps?.container,
-    children: orientation === "vertical" /* Vertical */ ? /* @__PURE__ */ jsx_runtime16.jsxs(import_core9.Stack, {
+    children: orientation === "vertical" /* Vertical */ ? /* @__PURE__ */ jsx_runtime17.jsxs(import_core9.Stack, {
       h: "100%",
       children: [
         logoButton,
-        /* @__PURE__ */ jsx_runtime16.jsx(import_core9.ScrollArea, {
+        /* @__PURE__ */ jsx_runtime17.jsx(import_core9.ScrollArea, {
           flex: 1,
-          children: /* @__PURE__ */ jsx_runtime16.jsx(import_core9.Stack, {
+          children: /* @__PURE__ */ jsx_runtime17.jsx(import_core9.Stack, {
             children: buttons
           })
         }),
-        /* @__PURE__ */ jsx_runtime16.jsx(import_core9.Stack, {
+        /* @__PURE__ */ jsx_runtime17.jsx(import_core9.Stack, {
           visibleFrom: collapseStaticElements ? collapseStaticElementsBreakpoint : undefined,
           children: staticButtons
         }),
         staticMenuButton
       ]
-    }) : /* @__PURE__ */ jsx_runtime16.jsxs(import_core9.Group, {
+    }) : /* @__PURE__ */ jsx_runtime17.jsxs(import_core9.Group, {
       wrap: "nowrap",
       children: [
         logoButton,
-        /* @__PURE__ */ jsx_runtime16.jsx(import_core9.ScrollArea, {
+        /* @__PURE__ */ jsx_runtime17.jsx(import_core9.ScrollArea, {
           flex: 1,
           style: { contain: "inline-size" },
-          children: /* @__PURE__ */ jsx_runtime16.jsx(import_core9.Group, {
+          children: /* @__PURE__ */ jsx_runtime17.jsx(import_core9.Group, {
             wrap: "nowrap",
             children: buttons
           })
         }),
-        /* @__PURE__ */ jsx_runtime16.jsx(import_core9.Group, {
+        /* @__PURE__ */ jsx_runtime17.jsx(import_core9.Group, {
           wrap: "nowrap",
           visibleFrom: collapseStaticElements ? collapseStaticElementsBreakpoint : undefined,
           children: staticButtons
@@ -6442,7 +6437,7 @@ var import_core12 = require("@mantine/core");
 var import_core10 = require("@mantine/core");
 var import_icons_react5 = require("@tabler/icons-react");
 var import_lodash9 = __toESM(require_lodash());
-var jsx_runtime17 = require("react/jsx-runtime");
+var jsx_runtime18 = require("react/jsx-runtime");
 function ControlButton({
   icon: Icon4 = import_icons_react5.IconClick,
   mounted = true,
@@ -6455,17 +6450,17 @@ function ControlButton({
   componentsProps
 }) {
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_runtime17.jsx(import_core10.Transition, {
+  return /* @__PURE__ */ jsx_runtime18.jsx(import_core10.Transition, {
     mounted,
     transition: "fade",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime17.jsx(import_core10.Tooltip, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime18.jsx(import_core10.Tooltip, {
       label: tooltip,
       disabled: !Boolean(tooltip),
       ...componentsProps?.tooltip,
-      children: /* @__PURE__ */ jsx_runtime17.jsx(import_core10.ActionIcon, {
+      children: /* @__PURE__ */ jsx_runtime18.jsx(import_core10.ActionIcon, {
         "data-control-button": true,
         size,
         color,
@@ -6476,7 +6471,7 @@ function ControlButton({
           order,
           ...import_lodash9.merge(transitionStyle, componentsProps?.button?.style)
         },
-        children: /* @__PURE__ */ jsx_runtime17.jsx(Icon4, {
+        children: /* @__PURE__ */ jsx_runtime18.jsx(Icon4, {
           ...import_lodash9.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
         })
       })
@@ -6489,7 +6484,7 @@ var import_react14 = require("react");
 var import_core11 = require("@mantine/core");
 var import_icons_react6 = require("@tabler/icons-react");
 var import_lodash10 = __toESM(require_lodash());
-var jsx_runtime18 = require("react/jsx-runtime");
+var jsx_runtime19 = require("react/jsx-runtime");
 function Controls({
   groupRef,
   mounted = true,
@@ -6547,14 +6542,14 @@ function Controls({
   const handlePointerUp = (e) => {
     e.currentTarget.releasePointerCapture(e.pointerId);
   };
-  return /* @__PURE__ */ jsx_runtime18.jsx(import_core11.Transition, {
+  return /* @__PURE__ */ jsx_runtime19.jsx(import_core11.Transition, {
     mounted,
     keepMounted: true,
     transition: "pop",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime18.jsx(import_core11.Paper, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime19.jsx(import_core11.Paper, {
       ref: containerRef,
       pos: "absolute",
       p: gutter,
@@ -6570,14 +6565,14 @@ function Controls({
         ...import_lodash10.merge(transitionStyle, componentsProps?.container?.style)
       },
       className: clsx_default("remoraid-controls", componentsProps?.container?.className),
-      children: /* @__PURE__ */ jsx_runtime18.jsxs(import_core11.Group, {
+      children: /* @__PURE__ */ jsx_runtime19.jsxs(import_core11.Group, {
         gap: gutter,
         ref: groupRef,
         wrap: "nowrap",
         ...componentsProps?.group,
         className: clsx_default("remoraid-controls-group", componentsProps?.group?.className),
         children: [
-          /* @__PURE__ */ jsx_runtime18.jsx(import_icons_react6.IconGripHorizontal, {
+          /* @__PURE__ */ jsx_runtime19.jsx(import_icons_react6.IconGripHorizontal, {
             ...import_lodash10.merge({}, theme.componentsProps.icons[iconSize], { order: -100, color: "var(--mantine-color-default-border)" }, componentsProps?.gripIcon)
           }),
           children,
@@ -6585,7 +6580,7 @@ function Controls({
             if (isValidElementOfType(ControlButton, button)) {
               return button;
             }
-            return /* @__PURE__ */ jsx_runtime18.jsx(ControlButton, {
+            return /* @__PURE__ */ jsx_runtime19.jsx(ControlButton, {
               ...button
             }, i);
           })
@@ -6596,7 +6591,7 @@ function Controls({
 }
 
 // src/core/components/Pinnable/index.tsx
-var jsx_runtime19 = require("react/jsx-runtime");
+var jsx_runtime20 = require("react/jsx-runtime");
 function Pinnable({
   layoutType: layoutTypeProp,
   section,
@@ -6616,7 +6611,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 = import_react15.useMemo(() => /* @__PURE__ */ jsx_runtime19.jsx(ControlButton, {
+  const controlButton = import_react15.useMemo(() => /* @__PURE__ */ jsx_runtime20.jsx(ControlButton, {
     icon: pinned ? import_icons_react7.IconPinnedOff : import_icons_react7.IconPin,
     tooltip: pinned ? "Unpin" : "Pin",
     color: "green",
@@ -6627,7 +6622,7 @@ function Pinnable({
       componentsProps?.button?.onClick?.(e);
     }
   }), [pinned, componentsProps?.button]);
-  const element = /* @__PURE__ */ jsx_runtime19.jsxs(import_core12.Box, {
+  const element = /* @__PURE__ */ jsx_runtime20.jsxs(import_core12.Box, {
     pos: "relative",
     ref: containerRef,
     "data-hidden": hidden,
@@ -6635,11 +6630,11 @@ function Pinnable({
     ...componentsProps?.container,
     className: clsx_default("remoraid-pinnable", componentsProps?.container?.className),
     children: [
-      controlsContainer === undefined ? /* @__PURE__ */ jsx_runtime19.jsx(Controls, {
+      controlsContainer === undefined ? /* @__PURE__ */ jsx_runtime20.jsx(Controls, {
         dragContainerRef: containerRef,
         ...componentsProps?.controls,
         children: controlButton
-      }) : controlsContainer !== null && /* @__PURE__ */ jsx_runtime19.jsx(import_core12.Portal, {
+      }) : controlsContainer !== null && /* @__PURE__ */ jsx_runtime20.jsx(import_core12.Portal, {
         target: controlsContainer,
         children: controlButton
       }),
@@ -6653,7 +6648,7 @@ function Pinnable({
     return null;
   }
   if (pinned && layoutType === "frame" /* Frame */) {
-    return /* @__PURE__ */ jsx_runtime19.jsx(FrameLayout_default.Element, {
+    return /* @__PURE__ */ jsx_runtime20.jsx(FrameLayout_default.Element, {
       layoutId,
       section,
       hidden,
@@ -6665,7 +6660,7 @@ function Pinnable({
 }
 
 // src/core/components/AppShell/Navbar/NavbarMinimal/index.tsx
-var jsx_runtime20 = require("react/jsx-runtime");
+var jsx_runtime21 = require("react/jsx-runtime");
 function NavbarMinimal({
   pinnable = true,
   componentsProps
@@ -6683,7 +6678,7 @@ function NavbarMinimal({
     setHover(false);
   };
   if (position === "left" /* Left */ || position === "right" /* Right */) {
-    return /* @__PURE__ */ jsx_runtime20.jsx(FrameLayout_default.Element, {
+    return /* @__PURE__ */ jsx_runtime21.jsx(FrameLayout_default.Element, {
       section: position,
       includeContainer: true,
       ...componentsProps?.layoutElement,
@@ -6694,19 +6689,19 @@ function NavbarMinimal({
           }
         }
       }, componentsProps?.layoutElement?.componentsProps),
-      children: /* @__PURE__ */ jsx_runtime20.jsx(NavbarMinimalContent, {
+      children: /* @__PURE__ */ jsx_runtime21.jsx(NavbarMinimalContent, {
         orientation: "vertical" /* Vertical */,
         ...componentsProps?.content
       })
     });
   }
   if (position === "top" /* Top */ || position === "bottom" /* Bottom */) {
-    const content = /* @__PURE__ */ jsx_runtime20.jsx(NavbarMinimalContent, {
+    const content = /* @__PURE__ */ jsx_runtime21.jsx(NavbarMinimalContent, {
       orientation: "horizontal" /* Horizontal */,
       ...componentsProps?.content
     });
     if (pinnable) {
-      return /* @__PURE__ */ jsx_runtime20.jsx(PageContainer, {
+      return /* @__PURE__ */ jsx_runtime21.jsx(PageContainer, {
         ...componentsProps?.container,
         componentsProps: {
           ...componentsProps?.container?.componentsProps,
@@ -6715,7 +6710,7 @@ function NavbarMinimal({
             className: clsx_default("hide-if-empty", componentsProps?.container?.componentsProps?.container?.className)
           }
         },
-        children: /* @__PURE__ */ jsx_runtime20.jsx(Pinnable, {
+        children: /* @__PURE__ */ jsx_runtime21.jsx(Pinnable, {
           section: position,
           initialValue: true,
           ...componentsProps?.Pinnable,
@@ -6758,9 +6753,9 @@ function NavbarMinimal({
     return content;
   }
   if (position === "content" /* Content */) {
-    return /* @__PURE__ */ jsx_runtime20.jsx(PageContainer, {
+    return /* @__PURE__ */ jsx_runtime21.jsx(PageContainer, {
       ...componentsProps?.container,
-      children: /* @__PURE__ */ jsx_runtime20.jsx(NavbarMinimalContent, {
+      children: /* @__PURE__ */ jsx_runtime21.jsx(NavbarMinimalContent, {
         orientation: "horizontal" /* Horizontal */,
         ...componentsProps?.content
       })
@@ -6771,7 +6766,7 @@ function NavbarMinimal({
 
 // src/core/components/AppShell/Navbar/index.tsx
 var import_icons_react8 = require("@tabler/icons-react");
-var jsx_runtime21 = require("react/jsx-runtime");
+var jsx_runtime22 = require("react/jsx-runtime");
 var supportedNavbarPositions = {
   ["minimal" /* Minimal */]: [
     null,
@@ -6819,21 +6814,21 @@ var getDefaultNavigationElements = ({
     }
   }
 ];
-function Navbar2({ componentsProps }) {
+function Navbar({ componentsProps }) {
   const { navbarVariant } = useRemoraidApp();
   if (navbarVariant === "minimal" /* Minimal */) {
-    return /* @__PURE__ */ jsx_runtime21.jsx(NavbarMinimal, {
+    return /* @__PURE__ */ jsx_runtime22.jsx(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
-var jsx_runtime22 = require("react/jsx-runtime");
+var jsx_runtime23 = require("react/jsx-runtime");
 var defaultAppShellUserExperience = {
   navbar: {
     position: null,
@@ -6870,7 +6865,7 @@ function AppShellUserExperienceProvider({
     }
     return true;
   };
-  return /* @__PURE__ */ jsx_runtime22.jsx(UserExperienceProviderWrapper, {
+  return /* @__PURE__ */ jsx_runtime23.jsx(UserExperienceProviderWrapper, {
     context: appShellUserExperienceContext,
     isValidUserExperience,
     cookieName: cookieName ?? defaultAppShellUserExperienceCookieName,
@@ -6888,7 +6883,7 @@ function AppShellUserExperienceProvider({
 }
 
 // src/core/components/AppShell/index.tsx
-var jsx_runtime23 = require("react/jsx-runtime");
+var jsx_runtime24 = require("react/jsx-runtime");
 var remoraidAppShellLayoutId = "remoraid-app-shell";
 function AppShell({
   gutter,
@@ -6912,25 +6907,25 @@ function AppShell({
     }
     meta.content = computedBodyColor;
   }, [colorScheme]);
-  return /* @__PURE__ */ jsx_runtime23.jsx(AppProvider, {
+  return /* @__PURE__ */ jsx_runtime24.jsx(AppProvider, {
     appContext: appContext2,
     ...componentsProps?.AppProvider,
-    children: /* @__PURE__ */ jsx_runtime23.jsx(AppShellUserExperienceProvider, {
+    children: /* @__PURE__ */ jsx_runtime24.jsx(AppShellUserExperienceProvider, {
       ...componentsProps?.AppShellUserExperienceProvider,
       initialValue: import_lodash13.merge(initialUserExperience, componentsProps?.AppShellUserExperienceProvider?.initialValue),
-      children: /* @__PURE__ */ jsx_runtime23.jsx(import_core13.Box, {
+      children: /* @__PURE__ */ jsx_runtime24.jsx(import_core13.Box, {
         h: "100dvh",
         ...componentsProps?.container,
-        children: /* @__PURE__ */ jsx_runtime23.jsxs(FrameLayout_default, {
+        children: /* @__PURE__ */ jsx_runtime24.jsxs(FrameLayout_default, {
           layoutId: remoraidAppShellLayoutId,
           gutter: gutter ?? theme.primaryGutter,
           ...componentsProps?.layout,
           children: [
-            /* @__PURE__ */ jsx_runtime23.jsx(Navbar_default, {
+            /* @__PURE__ */ jsx_runtime24.jsx(Navbar_default, {
               ...componentsProps?.navbar
             }),
             children,
-            /* @__PURE__ */ jsx_runtime23.jsx(Footer_default, {
+            /* @__PURE__ */ jsx_runtime24.jsx(Footer_default, {
               ...componentsProps?.footer
             })
           ]
@@ -6949,8 +6944,7 @@ var import_core16 = require("@mantine/core");
 // src/core/components/Page/index.tsx
 var import_core14 = require("@mantine/core");
 var import_react19 = __toESM(require("react"));
-var import_navigation3 = require("next/navigation");
-var jsx_runtime24 = require("react/jsx-runtime");
+var jsx_runtime25 = require("react/jsx-runtime");
 var pageContext = import_react19.default.createContext(null);
 var usePage = () => {
   return import_react19.useContext(pageContext);
@@ -6962,18 +6956,18 @@ var import_react20 = require("react");
 
 // src/core/components/ScrollableChipGroup/index.tsx
 var import_core15 = require("@mantine/core");
-var jsx_runtime25 = require("react/jsx-runtime");
+var jsx_runtime26 = require("react/jsx-runtime");
 
 // src/core/components/WidgetSelectionHeader/index.tsx
 var import_lodash14 = __toESM(require_lodash());
-var jsx_runtime26 = require("react/jsx-runtime");
+var jsx_runtime27 = require("react/jsx-runtime");
 // src/core/components/BadgeGroup/index.tsx
 var import_core18 = require("@mantine/core");
 var import_react21 = __toESM(require("react"));
 
 // src/core/components/BadgeMinimal/index.tsx
 var import_core17 = require("@mantine/core");
-var jsx_runtime27 = require("react/jsx-runtime");
+var jsx_runtime28 = require("react/jsx-runtime");
 function BadgeMinimal({
   label,
   tooltip,
@@ -6981,17 +6975,17 @@ function BadgeMinimal({
   componentsProps
 }) {
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_runtime27.jsx(import_core17.Transition, {
+  return /* @__PURE__ */ jsx_runtime28.jsx(import_core17.Transition, {
     mounted,
     transition: "fade",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime27.jsx(import_core17.Tooltip, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime28.jsx(import_core17.Tooltip, {
       label: tooltip,
       disabled: !Boolean(tooltip),
       ...componentsProps?.tooltip,
-      children: /* @__PURE__ */ jsx_runtime27.jsx(import_core17.Badge, {
+      children: /* @__PURE__ */ jsx_runtime28.jsx(import_core17.Badge, {
         variant: "default",
         ...componentsProps?.badge,
         style: {
@@ -7007,7 +7001,7 @@ function BadgeMinimal({
 
 // src/core/components/BadgeGroup/index.tsx
 var import_lodash15 = __toESM(require_lodash());
-var jsx_runtime28 = require("react/jsx-runtime");
+var jsx_runtime29 = require("react/jsx-runtime");
 var react = require("react");
 function BadgeGroup({
   badges: badgesProp,
@@ -7028,9 +7022,9 @@ function BadgeGroup({
       key: i
     });
   });
-  return /* @__PURE__ */ jsx_runtime28.jsxs(jsx_runtime28.Fragment, {
+  return /* @__PURE__ */ jsx_runtime29.jsxs(jsx_runtime29.Fragment, {
     children: [
-      /* @__PURE__ */ jsx_runtime28.jsx(import_core18.Group, {
+      /* @__PURE__ */ jsx_runtime29.jsx(import_core18.Group, {
         gap,
         wrap: "nowrap",
         visibleFrom: numVisibleBadges > 1 ? breakpoint : undefined,
@@ -7038,17 +7032,17 @@ function BadgeGroup({
         className: clsx_default("hide-if-empty", componentsProps?.container?.className),
         children: badgesElement
       }),
-      /* @__PURE__ */ jsx_runtime28.jsx(import_core18.Transition, {
+      /* @__PURE__ */ jsx_runtime29.jsx(import_core18.Transition, {
         mounted: numVisibleBadges > 1,
         transition: "fade",
         duration: theme.transitionDurations.short,
         timingFunction: "ease",
         ...componentsProps?.cumulativeBadgeTransition,
-        children: (transitionStyle) => /* @__PURE__ */ jsx_runtime28.jsxs(import_core18.HoverCard, {
+        children: (transitionStyle) => /* @__PURE__ */ jsx_runtime29.jsxs(import_core18.HoverCard, {
           ...componentsProps?.HoverCard,
           children: [
-            /* @__PURE__ */ jsx_runtime28.jsx(import_core18.HoverCard.Target, {
-              children: /* @__PURE__ */ jsx_runtime28.jsxs(import_core18.Badge, {
+            /* @__PURE__ */ jsx_runtime29.jsx(import_core18.HoverCard.Target, {
+              children: /* @__PURE__ */ jsx_runtime29.jsxs(import_core18.Badge, {
                 hiddenFrom: breakpoint,
                 variant: "dot",
                 ...componentsProps?.cumulativeBadge,
@@ -7062,9 +7056,9 @@ function BadgeGroup({
                 ]
               })
             }),
-            /* @__PURE__ */ jsx_runtime28.jsx(import_core18.HoverCard.Dropdown, {
+            /* @__PURE__ */ jsx_runtime29.jsx(import_core18.HoverCard.Dropdown, {
               p: gap,
-              children: /* @__PURE__ */ jsx_runtime28.jsx(import_core18.Stack, {
+              children: /* @__PURE__ */ jsx_runtime29.jsx(import_core18.Stack, {
                 gap,
                 ...componentsProps?.hoverContainer,
                 children: badgesElement
@@ -7079,7 +7073,7 @@ function BadgeGroup({
 // src/core/components/AlertMinimal/index.tsx
 var import_core19 = require("@mantine/core");
 var import_lodash16 = __toESM(require_lodash());
-var jsx_runtime29 = require("react/jsx-runtime");
+var jsx_runtime30 = require("react/jsx-runtime");
 function AlertMinimal({
   category,
   children,
@@ -7096,21 +7090,22 @@ function AlertMinimal({
     iconSize = "small" /* Small */,
     componentsProps
   } = import_lodash16.merge({}, theme.componentsProps.alerts[category], props);
-  return /* @__PURE__ */ jsx_runtime29.jsx(import_core19.Transition, {
+  return /* @__PURE__ */ jsx_runtime30.jsx(import_core19.Transition, {
     mounted,
     transition: "fade",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime29.jsxs(import_core19.Alert, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime30.jsxs(import_core19.Alert, {
       title,
       color,
       variant: "light",
       onClose,
       withCloseButton: onClose !== undefined,
-      icon: Icon4 ? /* @__PURE__ */ jsx_runtime29.jsx(Icon4, {
+      icon: Icon4 ? /* @__PURE__ */ jsx_runtime30.jsx(Icon4, {
         ...import_lodash16.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
       }) : undefined,
+      ...componentsProps?.alert,
       style: import_lodash16.merge(transitionStyle, componentsProps?.alert?.style),
       children: [
         text,
@@ -7124,7 +7119,7 @@ var import_core20 = require("@mantine/core");
 var import_react22 = require("react");
 var import_icons_react10 = require("@tabler/icons-react");
 var import_lodash17 = __toESM(require_lodash());
-var jsx_runtime30 = require("react/jsx-runtime");
+var jsx_runtime31 = require("react/jsx-runtime");
 function WidgetWrapper({
   config,
   mt = 0,
@@ -7163,7 +7158,7 @@ function WidgetWrapper({
     updateActiveWidget(null);
   };
   const mounted = Boolean(widget?.selected);
-  let element = /* @__PURE__ */ jsx_runtime30.jsx(import_core20.Transition, {
+  let element = /* @__PURE__ */ jsx_runtime31.jsx(import_core20.Transition, {
     mounted,
     transition: "fade-left",
     duration: theme.transitionDurations.medium,
@@ -7175,7 +7170,7 @@ function WidgetWrapper({
       }
       componentsProps?.transition?.onExited?.();
     },
-    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime30.jsxs(import_core20.Paper, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime31.jsxs(import_core20.Paper, {
       ref: containerRef,
       p: "md",
       shadow: "md",
@@ -7198,12 +7193,12 @@ function WidgetWrapper({
       className: clsx_default("remoraid-segment", componentsProps?.container?.className),
       id: config.widgetId,
       children: [
-        /* @__PURE__ */ jsx_runtime30.jsx(Controls, {
+        /* @__PURE__ */ jsx_runtime31.jsx(Controls, {
           dragContainerRef: containerRef,
           groupRef: controlsContainerRef,
           mounted: activeWidget === config.widgetId,
           ...componentsProps?.controls,
-          children: /* @__PURE__ */ jsx_runtime30.jsx(ControlButton, {
+          children: /* @__PURE__ */ jsx_runtime31.jsx(ControlButton, {
             mounted: withCloseButton,
             icon: import_icons_react10.IconX,
             tooltip: "Hide widget",
@@ -7232,7 +7227,7 @@ function WidgetWrapper({
     })
   });
   if (pinnableSection !== undefined) {
-    element = /* @__PURE__ */ jsx_runtime30.jsx(Pinnable, {
+    element = /* @__PURE__ */ jsx_runtime31.jsx(Pinnable, {
       section: pinnableSection,
       controlsContainer,
       hidden: Boolean(widget?.hidden),
@@ -7269,7 +7264,7 @@ function WidgetWrapper({
 var import_core21 = require("@mantine/core");
 var import_react23 = require("react");
 var import_lodash18 = __toESM(require_lodash());
-var jsx_runtime31 = require("react/jsx-runtime");
+var jsx_runtime32 = require("react/jsx-runtime");
 var react2 = require("react");
 function Widget({
   id,
@@ -7292,7 +7287,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__ */ jsx_runtime31.jsx(WidgetWrapper, {
+  return /* @__PURE__ */ jsx_runtime32.jsx(WidgetWrapper, {
     config: {
       widgetId: id,
       ...config,
@@ -7304,39 +7299,39 @@ function Widget({
     mt,
     ...componentsProps?.wrapper,
     pinnableSection: pinnableSection ?? componentsProps?.wrapper?.pinnableSection,
-    children: /* @__PURE__ */ jsx_runtime31.jsxs(import_core21.Stack, {
+    children: /* @__PURE__ */ jsx_runtime32.jsxs(import_core21.Stack, {
       gap: "md",
       mih: 0,
       ...componentsProps?.contentContainer,
       children: [
-        /* @__PURE__ */ jsx_runtime31.jsxs(import_core21.Group, {
+        /* @__PURE__ */ jsx_runtime32.jsxs(import_core21.Group, {
           justify: "space-between",
           wrap: "nowrap",
           children: [
-            /* @__PURE__ */ jsx_runtime31.jsxs(import_core21.Stack, {
+            /* @__PURE__ */ jsx_runtime32.jsxs(import_core21.Stack, {
               gap: 4,
               children: [
-                /* @__PURE__ */ jsx_runtime31.jsxs(import_core21.Group, {
+                /* @__PURE__ */ jsx_runtime32.jsxs(import_core21.Group, {
                   gap: badgesGap,
                   wrap: "nowrap",
                   children: [
-                    /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Title, {
+                    /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Title, {
                       order: 1,
                       size: "h2",
                       lineClamp: 1,
                       ...componentsProps?.title,
                       children: title ?? id
                     }),
-                    badges !== undefined && /* @__PURE__ */ jsx_runtime31.jsx(BadgeGroup, {
+                    badges !== undefined && /* @__PURE__ */ jsx_runtime32.jsx(BadgeGroup, {
                       badges,
                       gap: badgesGap,
                       ...componentsProps?.badgeGroup
                     })
                   ]
                 }),
-                /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Transition, {
+                /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Transition, {
                   mounted: Boolean(description),
-                  children: (transitionStyle) => /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Text, {
+                  children: (transitionStyle) => /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Text, {
                     size: "sm",
                     c: "dimmed",
                     ...componentsProps?.description,
@@ -7346,7 +7341,7 @@ function Widget({
                 })
               ]
             }),
-            /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Group, {
+            /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Group, {
               gap: buttonsGap,
               wrap: "nowrap",
               children: buttons !== undefined && buttons.map((button, i) => {
@@ -7361,12 +7356,12 @@ function Widget({
             })
           ]
         }),
-        /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Box, {
-          children: /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Divider, {
+        /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Box, {
+          children: /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Divider, {
             ...componentsProps?.divider
           })
         }),
-        /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Stack, {
+        /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Stack, {
           align: "stretch",
           gap: alertsGap,
           ...componentsProps?.alertsContainer,
@@ -7381,12 +7376,12 @@ function Widget({
             });
           })
         }),
-        (loading || import_react23.Children.toArray(children).length > 0) && /* @__PURE__ */ jsx_runtime31.jsx(import_core21.ScrollArea.Autosize, {
+        (loading || import_react23.Children.toArray(children).length > 0) && /* @__PURE__ */ jsx_runtime32.jsx(import_core21.ScrollArea.Autosize, {
           flex: 1,
           ...componentsProps?.childrenContainer,
           className: clsx_default("remoraid-widget-children-container", componentsProps?.childrenContainer?.className),
-          children: loading ? /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Center, {
-            children: /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Loader, {
+          children: loading ? /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Center, {
+            children: /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Loader, {
               ...componentsProps?.loader
             })
           }) : children
@@ -7396,10 +7391,9 @@ function Widget({
   });
 }
 // src/core/components/NotFoundPage/index.tsx
-var import_navigation4 = require("next/navigation");
-var jsx_runtime32 = require("react/jsx-runtime");
-// src/core/components/EnvironmentShell/index.tsx
 var jsx_runtime33 = require("react/jsx-runtime");
+// src/core/components/EnvironmentShell/index.tsx
+var jsx_runtime34 = require("react/jsx-runtime");
 // src/core/components/SettingsWidget/index.tsx
 var import_react24 = require("react");
 var import_icons_react12 = require("@tabler/icons-react");
@@ -7407,14 +7401,14 @@ var import_icons_react12 = require("@tabler/icons-react");
 // src/core/components/SettingsWidget/SaveButton/index.tsx
 var import_icons_react11 = require("@tabler/icons-react");
 var import_core22 = require("@mantine/core");
-var jsx_runtime34 = require("react/jsx-runtime");
+var jsx_runtime35 = require("react/jsx-runtime");
 function SaveButton({
   onSaveChanges,
   insideContainer,
   componentsProps
 }) {
   const settingsWidgetOptions = useSettingsWidgetContext();
-  const button = /* @__PURE__ */ jsx_runtime34.jsx(RemoraidButton, {
+  const button = /* @__PURE__ */ jsx_runtime35.jsx(RemoraidButton, {
     label: "Save Changes",
     icon: import_icons_react11.IconDeviceFloppy,
     onClick: onSaveChanges,
@@ -7429,7 +7423,7 @@ function SaveButton({
     }
   });
   if (insideContainer !== false) {
-    return /* @__PURE__ */ jsx_runtime34.jsx(import_core22.Group, {
+    return /* @__PURE__ */ jsx_runtime35.jsx(import_core22.Group, {
       w: "100%",
       justify: "flex-end",
       mt: "md",
@@ -7441,7 +7435,7 @@ function SaveButton({
 }
 
 // src/core/components/SettingsWidget/index.tsx
-var jsx_runtime35 = require("react/jsx-runtime");
+var jsx_runtime36 = require("react/jsx-runtime");
 var defaultSettingsWidgetContext = {};
 var settingsWidgetContext = import_react24.createContext(defaultSettingsWidgetContext);
 var useSettingsWidgetContext = () => {
@@ -7454,9 +7448,9 @@ function SettingsWidget({
   custom,
   widgetProps
 }) {
-  return /* @__PURE__ */ jsx_runtime35.jsx(settingsWidgetContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime36.jsx(settingsWidgetContext.Provider, {
     value: { custom, unsavedChanges },
-    children: /* @__PURE__ */ jsx_runtime35.jsx(Widget, {
+    children: /* @__PURE__ */ jsx_runtime36.jsx(Widget, {
       title: "Settings",
       id: "settings",
       ...widgetProps,
@@ -7496,22 +7490,22 @@ var import_core24 = require("@mantine/core");
 
 // src/core/components/SettingsWidget/SettingsTable/Row/index.tsx
 var import_core23 = require("@mantine/core");
-var jsx_runtime36 = require("react/jsx-runtime");
+var jsx_runtime37 = require("react/jsx-runtime");
 function Row({
   children,
   label
 }) {
   const options = useSettingsTableOptions();
-  return /* @__PURE__ */ jsx_runtime36.jsxs(import_core23.Table.Tr, {
+  return /* @__PURE__ */ jsx_runtime37.jsxs(import_core23.Table.Tr, {
     children: [
-      /* @__PURE__ */ jsx_runtime36.jsx(import_core23.Table.Th, {
+      /* @__PURE__ */ jsx_runtime37.jsx(import_core23.Table.Th, {
         w: options.leftColumnWidth,
-        children: /* @__PURE__ */ jsx_runtime36.jsx(import_core23.Text, {
+        children: /* @__PURE__ */ jsx_runtime37.jsx(import_core23.Text, {
           size: "sm",
           children: label
         })
       }),
-      /* @__PURE__ */ jsx_runtime36.jsx(import_core23.Table.Td, {
+      /* @__PURE__ */ jsx_runtime37.jsx(import_core23.Table.Td, {
         py: "xs",
         children
       })
@@ -7520,7 +7514,7 @@ function Row({
 }
 
 // src/core/components/SettingsWidget/SettingsTable/index.tsx
-var jsx_runtime37 = require("react/jsx-runtime");
+var jsx_runtime38 = require("react/jsx-runtime");
 var defaultSettingsTableOptions = {
   leftColumnWidth: "38.2%"
 };
@@ -7534,16 +7528,16 @@ function SettingsTable({
 }) {
   const children = asChildrenOfType(Row, childrenProp, "Check children passed to 'SettingsTable' component.");
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_runtime37.jsx(settingsTableOptionsContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime38.jsx(settingsTableOptionsContext.Provider, {
     value: {
       leftColumnWidth: leftColumnWidth ?? defaultSettingsTableOptions.leftColumnWidth
     },
-    children: /* @__PURE__ */ jsx_runtime37.jsx(import_core24.Table, {
+    children: /* @__PURE__ */ jsx_runtime38.jsx(import_core24.Table, {
       bg: theme.transparentBackground,
       withTableBorder: true,
       variant: "vertical",
       layout: "fixed",
-      children: /* @__PURE__ */ jsx_runtime37.jsx(import_core24.Table.Tbody, {
+      children: /* @__PURE__ */ jsx_runtime38.jsx(import_core24.Table.Tbody, {
         children
       })
     })
@@ -7555,19 +7549,19 @@ var SettingsTable_default = Object.assign(SettingsTable, {
 // src/core/components/NavbarSettingsWidget/index.tsx
 var import_lodash19 = __toESM(require_lodash());
 var import_core25 = require("@mantine/core");
-var jsx_runtime38 = require("react/jsx-runtime");
+var jsx_runtime39 = require("react/jsx-runtime");
 // src/core/components/FooterSettingsWidget/index.tsx
 var import_lodash20 = __toESM(require_lodash());
 var import_core26 = require("@mantine/core");
-var jsx_runtime39 = require("react/jsx-runtime");
+var jsx_runtime40 = require("react/jsx-runtime");
 // src/core/components/ContextClusterProvider/index.tsx
 var import_react26 = __toESM(require("react"));
-var jsx_runtime40 = require("react/jsx-runtime");
+var jsx_runtime41 = require("react/jsx-runtime");
 // src/core/components/InputWrapperScrollArea/index.tsx
 var import_core27 = require("@mantine/core");
 var import_react27 = require("react");
 var import_core28 = require("remoraid/core");
-var jsx_runtime41 = require("react/jsx-runtime");
+var jsx_runtime42 = require("react/jsx-runtime");
 function InputWrapperScrollArea({
   children,
   label,
@@ -7579,7 +7573,7 @@ function InputWrapperScrollArea({
 }) {
   const theme = import_core28.useRemoraidTheme();
   const [isHovering, setIsHovering] = import_react27.useState(false);
-  return /* @__PURE__ */ jsx_runtime41.jsx(import_core27.Input.Wrapper, {
+  return /* @__PURE__ */ jsx_runtime42.jsx(import_core27.Input.Wrapper, {
     label,
     error,
     onMouseEnter: () => setIsHovering(true),
@@ -7587,7 +7581,7 @@ function InputWrapperScrollArea({
     description,
     withAsterisk: required,
     ...componentsProps?.container,
-    children: /* @__PURE__ */ jsx_runtime41.jsx(import_core27.Paper, {
+    children: /* @__PURE__ */ jsx_runtime42.jsx(import_core27.Paper, {
       shadow: "none",
       p: 0,
       mt: Boolean(description) ? 4 : 0,
@@ -7598,12 +7592,12 @@ function InputWrapperScrollArea({
         transition: "border-color .1s",
         borderColor: error ? "var(--mantine-color-error)" : isHovering ? "var(--mantine-primary-color-filled)" : undefined
       },
-      children: /* @__PURE__ */ jsx_runtime41.jsx(import_core27.ScrollArea, {
+      children: /* @__PURE__ */ jsx_runtime42.jsx(import_core27.ScrollArea, {
         mah,
         px: "md",
         flex: 1,
         ...componentsProps?.ScrollArea,
-        children: /* @__PURE__ */ jsx_runtime41.jsx(import_core27.Box, {
+        children: /* @__PURE__ */ jsx_runtime42.jsx(import_core27.Box, {
           ...componentsProps?.childrenContainer,
           children
         })
@@ -7618,7 +7612,7 @@ var import_react30 = require("react");
 
 // src/jsonforms/components/FormOptionsProvider/index.tsx
 var import_react28 = __toESM(require("react"));
-var jsx_runtime42 = require("react/jsx-runtime");
+var jsx_runtime43 = require("react/jsx-runtime");
 var defaultFormOptions = {
   withDescriptions: false,
   gutter: "md"
@@ -7639,14 +7633,14 @@ function FormOptionsProvider({
   const updateFormOptions = (newFormOptions) => {
     setFormOptions((prev) => ({ ...prev, ...newFormOptions }));
   };
-  return /* @__PURE__ */ jsx_runtime42.jsx(formOptionsContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime43.jsx(formOptionsContext.Provider, {
     value: { formOptions, updateFormOptions },
     children
   });
 }
 
 // src/jsonforms/renderers/AnyControl.tsx
-var jsx_runtime43 = require("react/jsx-runtime");
+var jsx_runtime44 = require("react/jsx-runtime");
 function PlainAnyControl({
   data,
   handleChange,
@@ -7663,13 +7657,13 @@ function PlainAnyControl({
   const [error, setError] = import_react30.useState(false);
   const label = labelProp !== "remoraid-array-item" ? labelProp : null;
   const description = withDescriptions ? schema.description : undefined;
-  return /* @__PURE__ */ jsx_runtime43.jsx(InputWrapperScrollArea, {
+  return /* @__PURE__ */ jsx_runtime44.jsx(InputWrapperScrollArea, {
     label: label ?? undefined,
     error: error ? "Invalid JSON" : undefined,
     description,
     required,
     mah: 140,
-    children: /* @__PURE__ */ jsx_runtime43.jsx(import_core30.JsonInput, {
+    children: /* @__PURE__ */ jsx_runtime44.jsx(import_core30.JsonInput, {
       onChange: (newValue) => {
         setInput(newValue);
         try {
@@ -7698,7 +7692,7 @@ var import_react31 = require("@jsonforms/react");
 var import_core31 = require("@jsonforms/core");
 var import_core32 = require("@mantine/core");
 var import_react32 = require("react");
-var jsx_runtime44 = require("react/jsx-runtime");
+var jsx_runtime45 = require("react/jsx-runtime");
 function PlainAnyOfControl({
   data,
   schema,
@@ -7782,19 +7776,19 @@ function PlainAnyOfControl({
     value: String(i),
     label: o.label
   }));
-  return /* @__PURE__ */ jsx_runtime44.jsx(jsx_runtime44.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime44.jsx(import_core32.Input.Wrapper, {
+  return /* @__PURE__ */ jsx_runtime45.jsx(jsx_runtime45.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime45.jsx(import_core32.Input.Wrapper, {
       label,
       description: formOptions.withDescriptions ? schema.description ?? null : null,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsx_runtime44.jsxs(import_core32.Paper, {
+      children: /* @__PURE__ */ jsx_runtime45.jsxs(import_core32.Paper, {
         withBorder: true,
         shadow: "0",
         bg: "var(--remoraid-transparent-background)",
         p: formOptions.gutter,
         mt: formOptions.withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
         children: [
-          /* @__PURE__ */ jsx_runtime44.jsx(import_core32.Select, {
+          /* @__PURE__ */ jsx_runtime45.jsx(import_core32.Select, {
             label: "Value type",
             data: selectData,
             value: selectedOption,
@@ -7815,7 +7809,7 @@ function PlainAnyOfControl({
             variant: "default",
             mb: selectedOption !== null && inferType(selectedSchema) !== "null" ? formOptions.gutter : undefined
           }),
-          selectedOption !== null && /* @__PURE__ */ jsx_runtime44.jsx(import_react31.JsonForms, {
+          selectedOption !== null && /* @__PURE__ */ jsx_runtime45.jsx(import_react31.JsonForms, {
             schema: {
               ...selectedSchema,
               $schema: undefined
@@ -7842,7 +7836,7 @@ var import_core33 = require("@mantine/core");
 var import_icons_react13 = require("@tabler/icons-react");
 var import_core34 = require("remoraid/core");
 var import_lodash21 = __toESM(require_lodash());
-var jsx_runtime45 = require("react/jsx-runtime");
+var jsx_runtime46 = require("react/jsx-runtime");
 function PlainArrayControl(props) {
   const theme = import_core34.useRemoraidTheme();
   const { label, schema, data, handleChange, path, required } = props;
@@ -7861,39 +7855,39 @@ function PlainArrayControl(props) {
       required: ["item"]
     };
   } else {
-    return /* @__PURE__ */ jsx_runtime45.jsx(import_core34.AlertMinimal, {
+    return /* @__PURE__ */ jsx_runtime46.jsx(import_core34.AlertMinimal, {
       category: import_core34.AlertCategory.Negative,
       title: "Renderer missing",
       text: `Could not find applicable renderer for property '${label}'.`
     });
   }
-  return /* @__PURE__ */ jsx_runtime45.jsx(jsx_runtime45.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime45.jsx(import_core33.Input.Wrapper, {
+  return /* @__PURE__ */ jsx_runtime46.jsx(jsx_runtime46.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime46.jsx(import_core33.Input.Wrapper, {
       label,
       description: formOptions.withDescriptions ? schema.description : undefined,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsx_runtime45.jsx(import_core33.Paper, {
+      children: /* @__PURE__ */ jsx_runtime46.jsx(import_core33.Paper, {
         withBorder: Array.isArray(data) && data.length > 0,
         shadow: "0",
         bg: "var(--remoraid-transparent-background)",
         p: Array.isArray(data) && data.length > 0 ? formOptions.gutter : 0,
         mt: formOptions.withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
-        children: /* @__PURE__ */ jsx_runtime45.jsxs(import_core33.Stack, {
+        children: /* @__PURE__ */ jsx_runtime46.jsxs(import_core33.Stack, {
           align: "stretch",
           justify: "flex-start",
           gap: formOptions.gutter,
           children: [
             Array.isArray(data) ? data.map((item, i) => {
-              return /* @__PURE__ */ jsx_runtime45.jsxs(import_core33.Flex, {
+              return /* @__PURE__ */ jsx_runtime46.jsxs(import_core33.Flex, {
                 gap: formOptions.gutter,
                 justify: "flex-start",
                 align: "center",
                 direction: "row",
                 wrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx_runtime45.jsx(import_core33.Box, {
+                  /* @__PURE__ */ jsx_runtime46.jsx(import_core33.Box, {
                     flex: 1,
-                    children: /* @__PURE__ */ jsx_runtime45.jsx(import_react33.JsonForms, {
+                    children: /* @__PURE__ */ jsx_runtime46.jsx(import_react33.JsonForms, {
                       schema: schemaItems,
                       data: { item },
                       renderers: renderers ?? [],
@@ -7909,7 +7903,7 @@ function PlainArrayControl(props) {
                       validationMode: "NoValidation"
                     })
                   }),
-                  /* @__PURE__ */ jsx_runtime45.jsx(import_core34.RemoraidButton, {
+                  /* @__PURE__ */ jsx_runtime46.jsx(import_core34.RemoraidButton, {
                     responsive: false,
                     collapsed: true,
                     label: "Delete item",
@@ -7921,10 +7915,10 @@ function PlainArrayControl(props) {
                   })
                 ]
               }, i);
-            }) : /* @__PURE__ */ jsx_runtime45.jsx(jsx_runtime45.Fragment, {}),
-            /* @__PURE__ */ jsx_runtime45.jsx(import_core33.Button, {
+            }) : /* @__PURE__ */ jsx_runtime46.jsx(jsx_runtime46.Fragment, {}),
+            /* @__PURE__ */ jsx_runtime46.jsx(import_core33.Button, {
               variant: "default",
-              leftSection: /* @__PURE__ */ jsx_runtime45.jsx(import_icons_react13.IconPlus, {
+              leftSection: /* @__PURE__ */ jsx_runtime46.jsx(import_icons_react13.IconPlus, {
                 ...theme.componentsProps.icons.medium
               }),
               onClick: () => {
@@ -7954,7 +7948,7 @@ var ArrayControl_default = ArrayControl;
 // src/jsonforms/renderers/CheckboxControl.tsx
 var import_react34 = require("@jsonforms/react");
 var import_core35 = require("@mantine/core");
-var jsx_runtime46 = require("react/jsx-runtime");
+var jsx_runtime47 = require("react/jsx-runtime");
 function PlainCheckboxControl({
   data,
   handleChange,
@@ -7964,8 +7958,8 @@ function PlainCheckboxControl({
   schema
 }) {
   const { formOptions } = useFormOptions();
-  return /* @__PURE__ */ jsx_runtime46.jsx(jsx_runtime46.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime46.jsx(import_core35.Checkbox, {
+  return /* @__PURE__ */ jsx_runtime47.jsx(jsx_runtime47.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime47.jsx(import_core35.Checkbox, {
       label,
       py: formOptions.gutter,
       labelPosition: "left",
@@ -7984,7 +7978,7 @@ var CheckboxControl_default = CheckboxControl;
 // src/jsonforms/renderers/NumberControl.tsx
 var import_react35 = require("@jsonforms/react");
 var import_core36 = require("@mantine/core");
-var jsx_runtime47 = require("react/jsx-runtime");
+var jsx_runtime48 = require("react/jsx-runtime");
 function PlainNumberControl({
   data,
   handleChange,
@@ -7996,8 +7990,8 @@ function PlainNumberControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx_runtime47.jsx(jsx_runtime47.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime47.jsx(import_core36.NumberInput, {
+  return /* @__PURE__ */ jsx_runtime48.jsx(jsx_runtime48.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime48.jsx(import_core36.NumberInput, {
       label,
       variant: "default",
       value: data ?? "",
@@ -8021,7 +8015,7 @@ var import_core37 = require("@mantine/core");
 var import_core38 = require("@jsonforms/core");
 var import_react37 = require("react");
 var import_icons_react14 = require("@tabler/icons-react");
-var jsx_runtime48 = require("react/jsx-runtime");
+var jsx_runtime49 = require("react/jsx-runtime");
 function PlainObjectControl({
   label: labelProp,
   schema,
@@ -8040,22 +8034,22 @@ 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__ */ jsx_runtime48.jsx(import_core37.Input.Wrapper, {
+  return /* @__PURE__ */ jsx_runtime49.jsx(import_core37.Input.Wrapper, {
     label,
     description,
     withAsterisk: required,
-    children: /* @__PURE__ */ jsx_runtime48.jsx(import_core37.Paper, {
+    children: /* @__PURE__ */ jsx_runtime49.jsx(import_core37.Paper, {
       withBorder: true,
       bg: "var(--remoraid-transparent-background)",
       shadow: "0",
       p: formOptions.gutter,
       mt: Boolean(description) ? 4 : 0,
-      children: /* @__PURE__ */ jsx_runtime48.jsxs(import_core37.Stack, {
+      children: /* @__PURE__ */ jsx_runtime49.jsxs(import_core37.Stack, {
         align: "stretch",
         justify: "flex-start",
         gap: formOptions.gutter,
         children: [
-          hasProperties && /* @__PURE__ */ jsx_runtime48.jsx(import_react36.JsonForms, {
+          hasProperties && /* @__PURE__ */ jsx_runtime49.jsx(import_react36.JsonForms, {
             schema: {
               ...schema,
               $schema: undefined
@@ -8068,22 +8062,22 @@ function PlainObjectControl({
             },
             validationMode: "NoValidation"
           }),
-          hasAdditionalProperties && /* @__PURE__ */ jsx_runtime48.jsxs(jsx_runtime48.Fragment, {
+          hasAdditionalProperties && /* @__PURE__ */ jsx_runtime49.jsxs(jsx_runtime49.Fragment, {
             children: [
-              additionalEntries.length > 0 && /* @__PURE__ */ jsx_runtime48.jsx(import_core37.Stack, {
+              additionalEntries.length > 0 && /* @__PURE__ */ jsx_runtime49.jsx(import_core37.Stack, {
                 align: "stretch",
                 justify: "flex-start",
                 gap: formOptions.gutter,
-                children: additionalEntries.map(([key, data2]) => /* @__PURE__ */ jsx_runtime48.jsxs(import_core37.Flex, {
+                children: additionalEntries.map(([key, data2]) => /* @__PURE__ */ jsx_runtime49.jsxs(import_core37.Flex, {
                   gap: formOptions.gutter,
                   justify: "flex-start",
                   align: "center",
                   direction: "row",
                   wrap: "nowrap",
                   children: [
-                    /* @__PURE__ */ jsx_runtime48.jsx(import_core37.Box, {
+                    /* @__PURE__ */ jsx_runtime49.jsx(import_core37.Box, {
                       flex: 1,
-                      children: /* @__PURE__ */ jsx_runtime48.jsx(import_react36.JsonForms, {
+                      children: /* @__PURE__ */ jsx_runtime49.jsx(import_react36.JsonForms, {
                         schema: {
                           ...schema.additionalProperties === true ? {} : schema.additionalProperties,
                           title: key,
@@ -8102,7 +8096,7 @@ function PlainObjectControl({
                         }
                       })
                     }),
-                    /* @__PURE__ */ jsx_runtime48.jsx(RemoraidButton, {
+                    /* @__PURE__ */ jsx_runtime49.jsx(RemoraidButton, {
                       responsive: false,
                       collapsed: true,
                       label: `Delete ${key}`,
@@ -8120,12 +8114,12 @@ function PlainObjectControl({
                   ]
                 }, key))
               }),
-              /* @__PURE__ */ jsx_runtime48.jsxs(import_core37.Group, {
+              /* @__PURE__ */ jsx_runtime49.jsxs(import_core37.Group, {
                 gap: formOptions.gutter,
                 wrap: "nowrap",
                 align: "flex-end",
                 children: [
-                  /* @__PURE__ */ jsx_runtime48.jsx(import_core37.TextInput, {
+                  /* @__PURE__ */ jsx_runtime49.jsx(import_core37.TextInput, {
                     label: "New key",
                     variant: "default",
                     value: newKey,
@@ -8136,7 +8130,7 @@ function PlainObjectControl({
                     description: formOptions.withDescriptions ? "Key for new additional property value" : null,
                     flex: 1
                   }),
-                  /* @__PURE__ */ jsx_runtime48.jsx(RemoraidButton, {
+                  /* @__PURE__ */ jsx_runtime49.jsx(RemoraidButton, {
                     responsive: false,
                     collapsed: true,
                     label: "Add key",
@@ -8176,7 +8170,7 @@ var ObjectControl_default = ObjectControl;
 // src/jsonforms/renderers/StringSelectControl.tsx
 var import_react38 = require("@jsonforms/react");
 var import_core40 = require("@mantine/core");
-var jsx_runtime49 = require("react/jsx-runtime");
+var jsx_runtime50 = require("react/jsx-runtime");
 function PlainTimestampControl({
   data,
   handleChange,
@@ -8188,8 +8182,8 @@ function PlainTimestampControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx_runtime49.jsx(jsx_runtime49.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime49.jsx(import_core40.Select, {
+  return /* @__PURE__ */ jsx_runtime50.jsx(jsx_runtime50.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime50.jsx(import_core40.Select, {
       label,
       data: schema.enum,
       value: data,
@@ -8275,7 +8269,7 @@ var verticalLayoutTester_default = tester9;
 // src/jsonforms/renderers/TextControl.tsx
 var import_react39 = require("@jsonforms/react");
 var import_core51 = require("@mantine/core");
-var jsx_runtime50 = require("react/jsx-runtime");
+var jsx_runtime51 = require("react/jsx-runtime");
 function PlainTextControl({
   data,
   handleChange,
@@ -8287,8 +8281,8 @@ function PlainTextControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx_runtime50.jsx(jsx_runtime50.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime50.jsx(import_core51.TextInput, {
+  return /* @__PURE__ */ jsx_runtime51.jsx(jsx_runtime51.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime51.jsx(import_core51.TextInput, {
       label,
       variant: "default",
       placeholder: "",
@@ -8307,7 +8301,7 @@ var TextControl_default = TextControl;
 // src/jsonforms/renderers/TimestampControl.tsx
 var import_react40 = require("@jsonforms/react");
 var import_dates = require("@mantine/dates");
-var jsx_runtime51 = require("react/jsx-runtime");
+var jsx_runtime52 = require("react/jsx-runtime");
 function PlainTimestampControl2({
   data,
   handleChange,
@@ -8319,8 +8313,8 @@ function PlainTimestampControl2({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx_runtime51.jsx(jsx_runtime51.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime51.jsx(import_dates.DatePickerInput, {
+  return /* @__PURE__ */ jsx_runtime52.jsx(jsx_runtime52.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime52.jsx(import_dates.DatePickerInput, {
       variant: "default",
       label,
       placeholder: "Pick a date",
@@ -8342,14 +8336,14 @@ var TimestampControl_default = TimestampControl2;
 var import_react41 = __toESM(require("react"));
 var import_react42 = require("@jsonforms/react");
 var import_react43 = require("@jsonforms/react");
-var jsx_runtime52 = require("react/jsx-runtime");
+var jsx_runtime53 = require("react/jsx-runtime");
 "use client";
 var JsonFormsLayout = ({
   className,
   children,
   visible
 }) => {
-  return /* @__PURE__ */ jsx_runtime52.jsx("div", {
+  return /* @__PURE__ */ jsx_runtime53.jsx("div", {
     className,
     hidden: visible === undefined || visible === null ? false : !visible,
     children
@@ -8360,10 +8354,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__ */ jsx_runtime52.jsx("div", {
+    return /* @__PURE__ */ jsx_runtime53.jsx("div", {
       className,
       style: { marginTop: index === 0 ? 0 : gutter },
-      children: /* @__PURE__ */ jsx_runtime52.jsx(import_react43.JsonFormsDispatch, {
+      children: /* @__PURE__ */ jsx_runtime53.jsx(import_react43.JsonFormsDispatch, {
         renderers,
         cells,
         uischema: child,
@@ -8376,7 +8370,7 @@ var renderChildren = (layout, schema, className, path, enabled) => {
 };
 var VerticalLayoutRenderer = (props) => {
   const { data: _data, ...otherProps } = props;
-  return /* @__PURE__ */ jsx_runtime52.jsx(VerticalLayoutRendererComponent, {
+  return /* @__PURE__ */ jsx_runtime53.jsx(VerticalLayoutRendererComponent, {
     ...otherProps
   });
 };
@@ -8390,7 +8384,7 @@ var VerticalLayoutRendererComponent = import_react41.default.memo(function Verti
   const verticalLayout = uischema;
   const layoutClassName = "";
   const childClassNames = "";
-  return /* @__PURE__ */ jsx_runtime52.jsx(JsonFormsLayout, {
+  return /* @__PURE__ */ jsx_runtime53.jsx(JsonFormsLayout, {
     className: layoutClassName,
     uischema,
     schema,