remoraid 2.41.1 → 2.41.4

package/dist/core/index.cjs

@@ -5552,7 +5552,7 @@ module.exports = __toCommonJS(exports_core);
 // src/core/components/RemoraidProvider/WidgetsProvider/index.tsx
 var import_lodash = __toESM(require_lodash());
 var import_react = __toESM(require("react"));
-var jsx_dev_runtime = require("react/jsx-dev-runtime");
+var jsx_runtime = require("react/jsx-runtime");
 var getDefaultWidgetContext = (configuration) => {
   const mergedConfiguration = import_lodash.merge({ name: configuration.widgetId, selected: true }, configuration.initialValues);
   return { ...mergedConfiguration, hidden: !mergedConfiguration.selected };
@@ -5701,7 +5701,7 @@ function WidgetsProvider({
       }
     }));
   };
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(widgetsContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime.jsx(widgetsContext.Provider, {
     value: {
       widgets,
       activeWidget,
@@ -5716,7 +5716,7 @@ function WidgetsProvider({
       hideWidget
     },
     children
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/core/lib/types.ts
@@ -5864,7 +5864,7 @@ var import_react4 = __toESM(require("react"));
 // src/core/components/RemoraidProvider/HydrationStatusProvider/index.tsx
 var import_core = require("@mantine/core");
 var import_react3 = require("react");
-var jsx_dev_runtime2 = require("react/jsx-dev-runtime");
+var jsx_runtime2 = require("react/jsx-runtime");
 var defaultHydrationStatus = {
   hasHydrated: false,
   ensureHydration: () => {
@@ -5890,15 +5890,15 @@ function HydrationStatusProvider({
   import_react3.useEffect(() => {
     setHasHydrated(true);
   }, []);
-  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(hydrationStatusContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime2.jsx(hydrationStatusContext.Provider, {
     value: hydrationStatus,
     children
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/core/components/RemoraidProvider/ThemeProvider/index.tsx
 var import_lodash2 = __toESM(require_lodash());
-var jsx_dev_runtime3 = require("react/jsx-dev-runtime");
+var jsx_runtime3 = require("react/jsx-runtime");
 var defaultTransitionDurations = {
   ["short" /* Short */]: 200,
   ["medium" /* Medium */]: 350,
@@ -6007,10 +6007,10 @@ function ThemeProvider({
       entries.forEach(([key]) => root.style.removeProperty(key));
     };
   }, [remoraidTheme]);
-  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(themeContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime3.jsx(themeContext.Provider, {
     value: remoraidTheme,
     children
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/core/components/RemoraidProvider/index.tsx
@@ -6023,7 +6023,7 @@ var import_react6 = require("react");
 var import_lodash3 = __toESM(require_lodash());
 var import_react5 = require("react");
 var import_react_cookie = require("react-cookie");
-var jsx_dev_runtime4 = require("react/jsx-dev-runtime");
+var jsx_runtime4 = require("react/jsx-runtime");
 var createUserExperienceContext = (defaultUserExperience) => import_react5.createContext({
   userExperience: defaultUserExperience,
   updateUserExperience: () => {},
@@ -6056,7 +6056,7 @@ function UserExperienceProviderWrapper({
       setProcessedCookie(true);
     }
   }, [cookies]);
-  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(context.Provider, {
+  return /* @__PURE__ */ jsx_runtime4.jsx(context.Provider, {
     value: {
       userExperience,
       updateUserExperience,
@@ -6064,11 +6064,11 @@ function UserExperienceProviderWrapper({
       initialUserExperience
     },
     children
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/core/components/RemoraidProvider/CoreUserExperienceProvider/index.tsx
-var jsx_dev_runtime5 = require("react/jsx-dev-runtime");
+var jsx_runtime5 = require("react/jsx-runtime");
 var defaultUserExperience = {
   showWelcomeMessage: true,
   navbar: { hiddenPages: [], mode: "responsive" /* Responsive */ }
@@ -6098,19 +6098,19 @@ function CoreUserExperienceProvider({
     }
     return true;
   };
-  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(UserExperienceProviderWrapper, {
+  return /* @__PURE__ */ jsx_runtime5.jsx(UserExperienceProviderWrapper, {
     context: coreUserExperienceContext,
     isValidUserExperience,
     cookieName: cookieName ?? defaultUserExperienceCookieName,
     defaultUserExperience,
     initialValue,
     children
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/core/components/RemoraidProvider/LayoutsProvider/index.tsx
 var import_react7 = require("react");
-var jsx_dev_runtime6 = require("react/jsx-dev-runtime");
+var jsx_runtime6 = require("react/jsx-runtime");
 var defaultLayoutsContext = {
   layouts: {},
   setLayouts: () => {}
@@ -6123,41 +6123,41 @@ function LayoutsProvider({
   children
 }) {
   const [layouts, setLayouts] = import_react7.useState({});
-  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(layoutsContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime6.jsx(layoutsContext.Provider, {
     value: { layouts, setLayouts },
     children
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/core/components/RemoraidProvider/index.tsx
-var jsx_dev_runtime7 = require("react/jsx-dev-runtime");
+var jsx_runtime7 = require("react/jsx-runtime");
 function RemoraidProvider({
   children,
   theme,
   initialUserExperience,
   componentsProps
 }) {
-  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_react_cookie2.CookiesProvider, {
+  return /* @__PURE__ */ jsx_runtime7.jsx(import_react_cookie2.CookiesProvider, {
     ...componentsProps?.CookiesProvider,
-    children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(HydrationStatusProvider, {
+    children: /* @__PURE__ */ jsx_runtime7.jsx(HydrationStatusProvider, {
       ...componentsProps?.HydrationStatusProviderProps,
-      children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(ThemeProvider, {
+      children: /* @__PURE__ */ jsx_runtime7.jsx(ThemeProvider, {
         theme,
         ...componentsProps?.ThemeProvider,
-        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(CoreUserExperienceProvider, {
+        children: /* @__PURE__ */ jsx_runtime7.jsx(CoreUserExperienceProvider, {
           initialValue: initialUserExperience,
           ...componentsProps?.CoreUserExperienceProvider,
-          children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(WidgetsProvider, {
+          children: /* @__PURE__ */ jsx_runtime7.jsx(WidgetsProvider, {
             ...componentsProps?.WidgetsProvider,
-            children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(LayoutsProvider, {
+            children: /* @__PURE__ */ jsx_runtime7.jsx(LayoutsProvider, {
               ...componentsProps?.LayoutsProviderProps,
               children
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+            })
+          })
+        })
+      })
+    })
+  });
 }
 // src/core/components/AppShell/index.tsx
 var import_core13 = require("@mantine/core");
@@ -6165,7 +6165,7 @@ var import_core13 = require("@mantine/core");
 // src/core/components/AppShell/AppProvider/index.tsx
 var import_react8 = require("react");
 var import_lodash4 = __toESM(require_lodash());
-var jsx_dev_runtime8 = require("react/jsx-dev-runtime");
+var jsx_runtime8 = require("react/jsx-runtime");
 var defaultAppContext = {
   name: "Hello, World!",
   nav: [],
@@ -6181,10 +6181,10 @@ function AppProvider({
   appContext: appContextProp,
   children
 }) {
-  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(appContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime8.jsx(appContext.Provider, {
     value: import_lodash4.merge(defaultAppContext, appContextProp),
     children
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/core/components/AppShell/index.tsx
@@ -6225,7 +6225,7 @@ function clsx() {
 var clsx_default = clsx;
 
 // src/core/components/Page/PageContainer/index.tsx
-var jsx_dev_runtime9 = require("react/jsx-dev-runtime");
+var jsx_runtime9 = require("react/jsx-runtime");
 function PageContainer({
   children,
   p = 0,
@@ -6233,7 +6233,7 @@ function PageContainer({
   componentsProps
 }) {
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_core3.Container, {
+  return /* @__PURE__ */ jsx_runtime9.jsx(import_core3.Container, {
     size: theme.containerSize,
     p,
     w: "100%",
@@ -6241,7 +6241,7 @@ function PageContainer({
     ...componentsProps?.container,
     className: clsx_default("remoraid-page-container", componentsProps?.container?.className),
     children
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/core/components/FrameLayout/index.tsx
@@ -6262,7 +6262,7 @@ class InvalidComponentUsageError extends Error {
 
 // src/core/components/FrameLayout/Element/index.tsx
 var import_lodash5 = __toESM(require_lodash());
-var jsx_dev_runtime10 = require("react/jsx-dev-runtime");
+var jsx_runtime10 = require("react/jsx-runtime");
 var layoutElementContext = import_react9.createContext(null);
 var useFrameLayoutElement = () => {
   return import_react9.useContext(layoutElementContext);
@@ -6295,28 +6295,28 @@ function Element2({
   if (section === "left" /* Left */ || section === "right" /* Right */) {
     containerProps.h = "100%";
   }
-  const element = includePageContainer ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(PageContainer, {
+  const element = includePageContainer ? /* @__PURE__ */ jsx_runtime10.jsx(PageContainer, {
     p: 0,
     hidden,
     ...componentsProps?.PageContainer,
     children
-  }, undefined, false, undefined, this) : children;
-  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_core4.Portal, {
+  }) : children;
+  return /* @__PURE__ */ jsx_runtime10.jsx(import_core4.Portal, {
     target: layout.sections[section],
-    children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(layoutElementContext.Provider, {
+    children: /* @__PURE__ */ jsx_runtime10.jsx(layoutElementContext.Provider, {
       value: { layoutType: "frame" /* Frame */, section },
-      children: includeContainer ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_core4.Box, {
+      children: includeContainer ? /* @__PURE__ */ jsx_runtime10.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),
         children: element
-      }, undefined, false, undefined, this) : element
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      }) : element
+    })
+  });
 }
 
 // src/core/components/FrameLayout/index.tsx
-var jsx_dev_runtime11 = require("react/jsx-dev-runtime");
+var jsx_runtime11 = require("react/jsx-runtime");
 var layoutContext = import_react10.createContext(null);
 var useFrameLayout = () => {
   return import_react10.useContext(layoutContext);
@@ -6376,7 +6376,7 @@ function FrameLayout({
       ["content" /* Content */]: n
     }));
   }, [setSections]);
-  const contentSection = /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(import_core5.Stack, {
+  const contentSection = /* @__PURE__ */ jsx_runtime11.jsx(import_core5.Stack, {
     ref: contentSectionRef,
     h: "100%",
     gap: gutter,
@@ -6384,16 +6384,16 @@ function FrameLayout({
     ...componentsProps?.sectionContainers?.["content" /* Content */],
     className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-content-section", componentsProps?.sectionContainers?.["content" /* Content */]?.className),
     children
-  }, undefined, false, undefined, this);
+  });
   const layoutContextValue = import_react10.useMemo(() => ({
     type: "frame" /* Frame */,
     sections: defaultSections,
     ...layout,
     layoutId
   }), [layout?.sections, defaultSections, layoutId]);
-  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(layoutContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime11.jsx(layoutContext.Provider, {
     value: layoutContextValue,
-    children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(import_core5.Group, {
+    children: /* @__PURE__ */ jsx_runtime11.jsxs(import_core5.Group, {
       gap: 0,
       h: "100%",
       w: "100%",
@@ -6404,7 +6404,7 @@ function FrameLayout({
       },
       className: clsx_default("remoraid-frame-layout", componentsProps?.horizontalContainer?.className),
       children: [
-        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(import_core5.Group, {
+        /* @__PURE__ */ jsx_runtime11.jsx(import_core5.Group, {
           ref: leftSectionRef,
           h: "100%",
           wrap: "nowrap",
@@ -6412,36 +6412,36 @@ function FrameLayout({
           pr: 0,
           ...componentsProps?.sectionContainers?.["left" /* Left */],
           className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-left-section", componentsProps?.sectionContainers?.["left" /* Left */]?.className)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(import_core5.Stack, {
+        }),
+        /* @__PURE__ */ jsx_runtime11.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_dev_runtime11.jsxDEV(import_core5.Stack, {
+            /* @__PURE__ */ jsx_runtime11.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)
-            }, undefined, false, undefined, this),
-            includeScrollArea ? /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(import_core5.ScrollArea, {
+            }),
+            includeScrollArea ? /* @__PURE__ */ jsx_runtime11.jsx(import_core5.ScrollArea, {
               flex: 1,
               ...componentsProps?.ScrollArea,
               children: contentSection
-            }, undefined, false, undefined, this) : contentSection,
-            /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(import_core5.Stack, {
+            }) : contentSection,
+            /* @__PURE__ */ jsx_runtime11.jsx(import_core5.Stack, {
               ref: bottomSectionRef,
               gap: gutter,
               flex: 0,
               ...componentsProps?.sectionContainers?.["bottom" /* Bottom */],
               className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-bottom-section", componentsProps?.sectionContainers?.["bottom" /* Bottom */]?.className)
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(import_core5.Group, {
+        }),
+        /* @__PURE__ */ jsx_runtime11.jsx(import_core5.Group, {
           ref: rightSectionRef,
           h: "100%",
           gap: gutter,
@@ -6449,17 +6449,17 @@ function FrameLayout({
           wrap: "nowrap",
           ...componentsProps?.sectionContainers?.["right" /* Right */],
           className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-right-section", componentsProps?.sectionContainers?.["right" /* Right */]?.className)
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 var FrameLayout_default = Object.assign(FrameLayout, {
   Element: Element2
 });
 
 // src/core/components/AppShell/Footer/FooterMinimal/index.tsx
-var jsx_dev_runtime12 = require("react/jsx-dev-runtime");
+var jsx_runtime12 = require("react/jsx-runtime");
 function FooterMinimal({
   icon: Icon2 = import_icons_react2.IconPennant,
   componentsProps
@@ -6470,24 +6470,24 @@ function FooterMinimal({
       footer: { position }
     }
   } = useAppShellUserExperience();
-  const content = /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(PageContainer, {
+  const content = /* @__PURE__ */ jsx_runtime12.jsx(PageContainer, {
     ...componentsProps?.container,
-    children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(import_core6.Center, {
-      children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Icon2, {
+    children: /* @__PURE__ */ jsx_runtime12.jsx(import_core6.Center, {
+      children: /* @__PURE__ */ jsx_runtime12.jsx(Icon2, {
         color: "var(--mantine-color-default-border)",
         ...theme.componentsProps.icons.huge,
         ...componentsProps?.icon
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
   if (position === "bottom" /* Bottom */) {
-    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(FrameLayout_default.Element, {
+    return /* @__PURE__ */ jsx_runtime12.jsx(FrameLayout_default.Element, {
       section: position,
       includeContainer: true,
       ...componentsProps?.layoutElement,
       componentsProps: import_lodash6.merge({ container: { style: { order: -50 } } }, componentsProps?.layoutElement?.componentsProps),
       children: content
-    }, undefined, false, undefined, this);
+    });
   }
   if (position === "content" /* Content */) {
     return content;
@@ -6496,7 +6496,7 @@ function FooterMinimal({
 }
 
 // src/core/components/AppShell/Footer/index.tsx
-var jsx_dev_runtime13 = require("react/jsx-dev-runtime");
+var jsx_runtime13 = require("react/jsx-runtime");
 var supportedFooterPositions = {
   ["minimal" /* Minimal */]: [
     null,
@@ -6510,9 +6510,9 @@ var defaultFooterPositions = {
 function Footer({ componentsProps }) {
   const { footerVariant } = useRemoraidApp();
   if (footerVariant === "minimal" /* Minimal */) {
-    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(FooterMinimal, {
+    return /* @__PURE__ */ jsx_runtime13.jsx(FooterMinimal, {
       ...componentsProps?.FooterMinimal
-    }, undefined, false, undefined, this);
+    });
   }
   return null;
 }
@@ -6532,7 +6532,7 @@ var import_lodash8 = __toESM(require_lodash());
 var import_core7 = require("@mantine/core");
 var import_navigation = require("next/navigation");
 var import_react11 = require("react");
-var jsx_dev_runtime14 = require("react/jsx-dev-runtime");
+var jsx_runtime14 = require("react/jsx-runtime");
 function NavigationMenu({
   target,
   elements,
@@ -6543,13 +6543,13 @@ function NavigationMenu({
   const mantineTheme = import_core7.useMantineTheme();
   const pathname = import_navigation.usePathname();
   const router = import_navigation.useRouter();
-  const item = (element) => /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_core7.Transition, {
+  const item = (element) => /* @__PURE__ */ jsx_runtime14.jsx(import_core7.Transition, {
     mounted: element.mounted ?? true,
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_core7.Menu.Item, {
-      leftSection: element.icon ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(element.icon, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime14.jsx(import_core7.Menu.Item, {
+      leftSection: element.icon ? /* @__PURE__ */ jsx_runtime14.jsx(element.icon, {
         ...theme.componentsProps.icons.small
-      }, undefined, false, undefined, this) : undefined,
+      }) : undefined,
       c: element.type === "anchor" /* Anchor */ && element.href === pathname ? mantineTheme.primaryColor : undefined,
       onClick: (e) => {
         if (element.type === "anchor" /* Anchor */) {
@@ -6561,35 +6561,35 @@ function NavigationMenu({
       },
       style: transitionStyle,
       children: element.label
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
   const targetElement = import_react11.isValidElement(target) ? target : item(target);
   if (elements === undefined || elements.length === 0) {
     return targetElement;
   }
-  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_core7.Menu, {
+  return /* @__PURE__ */ jsx_runtime14.jsxs(import_core7.Menu, {
     trigger: "click-hover",
     ...componentsProps?.Menu,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_core7.Menu.Target, {
-        children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_core7.Box, {
+      /* @__PURE__ */ jsx_runtime14.jsx(import_core7.Menu.Target, {
+        children: /* @__PURE__ */ jsx_runtime14.jsx(import_core7.Box, {
           children: targetElement
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_core7.Menu.Dropdown, {
+        })
+      }),
+      /* @__PURE__ */ jsx_runtime14.jsxs(import_core7.Menu.Dropdown, {
         children: [
-          label !== undefined && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_core7.Menu.Label, {
+          label !== undefined && /* @__PURE__ */ jsx_runtime14.jsx(import_core7.Menu.Label, {
             children: label
-          }, undefined, false, undefined, this),
-          elements.map((element, i) => /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(NavigationMenu, {
+          }),
+          elements.map((element, i) => /* @__PURE__ */ jsx_runtime14.jsx(NavigationMenu, {
             target: item(element),
             elements: element.children,
             componentsProps
-          }, `navigation-menu-${i}`, false, undefined, this))
+          }, `navigation-menu-${i}`))
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/index.tsx
@@ -6600,7 +6600,7 @@ var import_core8 = require("@mantine/core");
 var import_icons_react3 = require("@tabler/icons-react");
 var import_react12 = require("react");
 var import_lodash7 = __toESM(require_lodash());
-var jsx_dev_runtime15 = require("react/jsx-dev-runtime");
+var jsx_runtime15 = require("react/jsx-runtime");
 var defaultRemoraidButtonSize = "sm";
 function RemoraidButton({
   label,
@@ -6613,7 +6613,7 @@ function RemoraidButton({
   loading,
   variant = "default",
   mounted = true,
-  icon: Icon3 = import_icons_react3.IconClick,
+  icon: iconProp,
   iconSize: iconSizeProp,
   clickTransformation = "default" /* Default */,
   componentsProps
@@ -6623,9 +6623,10 @@ function RemoraidButton({
   const breakpoint = breakpointProp ?? theme.breakpoints.buttonCollapse;
   const collapsed = collapsedProp ?? false;
   const iconSize = iconSizeProp ?? getDefaultButtonIconSize(size);
-  const iconElement = import_react12.isValidElement(Icon3) ? Icon3 : /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Icon3, {
+  const Icon3 = iconProp ?? import_icons_react3.IconClick;
+  const iconElement = import_react12.isValidElement(Icon3) ? Icon3 : /* @__PURE__ */ jsx_runtime15.jsx(Icon3, {
     ...import_lodash7.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
-  }, undefined, false, undefined, this);
+  });
   const clickTransformationClassNames = {
     ["default" /* Default */]: null,
     ["none" /* None */]: "remoraid-button-none",
@@ -6636,18 +6637,18 @@ function RemoraidButton({
     ["tiltRight" /* TiltRight */]: "remoraid-button-tilt-right"
   };
   const clickTransformationClass = clickTransformationClassNames[clickTransformation];
-  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(import_core8.Transition, {
+  return /* @__PURE__ */ jsx_runtime15.jsx(import_core8.Transition, {
     mounted,
     transition: "fade",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(jsx_dev_runtime15.Fragment, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime15.jsxs(jsx_runtime15.Fragment, {
       children: [
-        /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(import_core8.Tooltip, {
+        /* @__PURE__ */ jsx_runtime15.jsx(import_core8.Tooltip, {
           label,
           ...componentsProps?.tooltip,
-          children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(import_core8.ActionIcon, {
+          children: /* @__PURE__ */ jsx_runtime15.jsx(import_core8.ActionIcon, {
             "aria-label": label,
             variant,
             onClick,
@@ -6661,15 +6662,15 @@ function RemoraidButton({
             style: import_lodash7.merge(transitionStyle, componentsProps?.button?.style, componentsProps?.ActionIcon?.style),
             className: clsx_default(clickTransformationClass, componentsProps?.ActionIcon?.className, componentsProps?.button?.className),
             children: iconElement
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(import_core8.Button, {
+          })
+        }),
+        /* @__PURE__ */ jsx_runtime15.jsx(import_core8.Button, {
           onClick,
           loading,
           variant,
           size,
           color,
-          leftSection: Boolean(Icon3) ? iconElement : undefined,
+          leftSection: iconProp !== undefined ? iconElement : undefined,
           ...componentsProps?.button,
           ...componentsProps?.Button,
           visibleFrom: !responsive ? undefined : breakpoint,
@@ -6677,14 +6678,14 @@ function RemoraidButton({
           style: import_lodash7.merge(transitionStyle, componentsProps?.button?.style, componentsProps?.Button?.style),
           className: clsx_default(clickTransformationClass, componentsProps?.Button?.className, componentsProps?.button?.className),
           children: label
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 
 // src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/index.tsx
-var jsx_dev_runtime16 = require("react/jsx-dev-runtime");
+var jsx_runtime16 = require("react/jsx-runtime");
 function NavbarMinimalContent({
   orientation,
   maxElements,
@@ -6718,7 +6719,7 @@ function NavbarMinimalContent({
   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_dev_runtime16.jsxDEV(RemoraidButton, {
+  const logoButton = app.logo ? /* @__PURE__ */ jsx_runtime16.jsx(RemoraidButton, {
     label: app.name,
     variant: "subtle",
     icon: app.logo({
@@ -6743,10 +6744,10 @@ function NavbarMinimalContent({
       componentsProps?.button?.onClick?.(e);
       componentsProps?.logoButton?.onClick?.(e);
     }
-  }, undefined, false, undefined, this) : undefined;
-  const button = (element, key) => /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(NavigationMenu, {
+  }) : undefined;
+  const button = (element, key) => /* @__PURE__ */ jsx_runtime16.jsx(NavigationMenu, {
     label: element.label,
-    target: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(RemoraidButton, {
+    target: /* @__PURE__ */ jsx_runtime16.jsx(RemoraidButton, {
       mounted: element.mounted,
       label: element.label,
       icon: element.icon,
@@ -6774,13 +6775,13 @@ function NavbarMinimalContent({
         }
         componentsProps?.button?.onClick?.(e);
       }
-    }, undefined, false, undefined, this),
+    }),
     elements: element.children,
     ...componentsProps?.NavigationMenu,
     componentsProps: import_lodash8.merge({
       Menu: { position: floatingPosition }
     }, componentsProps?.NavigationMenu?.componentsProps)
-  }, key, false, undefined, this);
+  }, key);
   const elements = [
     ...app.nav,
     ...getDefaultNavigationElements({ colorScheme, setColorScheme })
@@ -6789,11 +6790,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.length > 1;
-  const staticMenuButton = collapseStaticElements ? /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core9.Box, {
+  const staticMenuButton = collapseStaticElements ? /* @__PURE__ */ jsx_runtime16.jsx(import_core9.Box, {
     hiddenFrom: collapseStaticElementsBreakpoint,
-    children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(NavigationMenu, {
+    children: /* @__PURE__ */ jsx_runtime16.jsx(NavigationMenu, {
       elements: staticElements,
-      target: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(RemoraidButton, {
+      target: /* @__PURE__ */ jsx_runtime16.jsx(RemoraidButton, {
         label: "Static elements",
         icon: import_icons_react4.IconDots,
         responsive: buttonResponsive,
@@ -6807,56 +6808,56 @@ function NavbarMinimalContent({
             w: orientation === "vertical" /* Vertical */ ? "100%" : undefined
           }
         }, componentsProps?.button?.componentsProps)
-      }, undefined, false, undefined, this),
+      }),
       ...componentsProps?.NavigationMenu,
       componentsProps: import_lodash8.merge({
         Menu: { position: floatingPosition }
       }, componentsProps?.NavigationMenu?.componentsProps)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this) : null;
-  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core9.Paper, {
+    })
+  }) : null;
+  return /* @__PURE__ */ jsx_runtime16.jsx(import_core9.Paper, {
     bg: theme.transparentBackground,
     h: "100%",
     p: "md",
     shadow: "md",
     ...componentsProps?.container,
-    children: orientation === "vertical" /* Vertical */ ? /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core9.Stack, {
+    children: orientation === "vertical" /* Vertical */ ? /* @__PURE__ */ jsx_runtime16.jsxs(import_core9.Stack, {
       h: "100%",
       children: [
         logoButton,
-        /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core9.ScrollArea, {
+        /* @__PURE__ */ jsx_runtime16.jsx(import_core9.ScrollArea, {
           flex: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core9.Stack, {
+          children: /* @__PURE__ */ jsx_runtime16.jsx(import_core9.Stack, {
             children: buttons
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core9.Stack, {
+          })
+        }),
+        /* @__PURE__ */ jsx_runtime16.jsx(import_core9.Stack, {
           visibleFrom: collapseStaticElements ? collapseStaticElementsBreakpoint : undefined,
           children: staticButtons
-        }, undefined, false, undefined, this),
+        }),
         staticMenuButton
       ]
-    }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core9.Group, {
+    }) : /* @__PURE__ */ jsx_runtime16.jsxs(import_core9.Group, {
       wrap: "nowrap",
       children: [
         logoButton,
-        /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core9.ScrollArea, {
+        /* @__PURE__ */ jsx_runtime16.jsx(import_core9.ScrollArea, {
           flex: 1,
           style: { contain: "inline-size" },
-          children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core9.Group, {
+          children: /* @__PURE__ */ jsx_runtime16.jsx(import_core9.Group, {
             wrap: "nowrap",
             children: buttons
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core9.Group, {
+          })
+        }),
+        /* @__PURE__ */ jsx_runtime16.jsx(import_core9.Group, {
           wrap: "nowrap",
           visibleFrom: collapseStaticElements ? collapseStaticElementsBreakpoint : undefined,
           children: staticButtons
-        }, undefined, false, undefined, this),
+        }),
         staticMenuButton
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 
 // src/core/components/AppShell/Navbar/NavbarMinimal/index.tsx
@@ -6871,7 +6872,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_dev_runtime17 = require("react/jsx-dev-runtime");
+var jsx_runtime17 = require("react/jsx-runtime");
 function ControlButton({
   icon: Icon4 = import_icons_react5.IconClick,
   mounted = true,
@@ -6884,17 +6885,17 @@ function ControlButton({
   componentsProps
 }) {
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(import_core10.Transition, {
+  return /* @__PURE__ */ jsx_runtime17.jsx(import_core10.Transition, {
     mounted,
     transition: "fade",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(import_core10.Tooltip, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime17.jsx(import_core10.Tooltip, {
       label: tooltip,
       disabled: !Boolean(tooltip),
       ...componentsProps?.tooltip,
-      children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(import_core10.ActionIcon, {
+      children: /* @__PURE__ */ jsx_runtime17.jsx(import_core10.ActionIcon, {
         "data-control-button": true,
         size,
         color,
@@ -6905,12 +6906,12 @@ function ControlButton({
           order,
           ...import_lodash9.merge(transitionStyle, componentsProps?.button?.style)
         },
-        children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Icon4, {
+        children: /* @__PURE__ */ jsx_runtime17.jsx(Icon4, {
           ...import_lodash9.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+        })
+      })
+    })
+  });
 }
 
 // src/core/components/Controls/index.tsx
@@ -6918,7 +6919,7 @@ var import_react13 = require("react");
 var import_core11 = require("@mantine/core");
 var import_icons_react6 = require("@tabler/icons-react");
 var import_lodash10 = __toESM(require_lodash());
-var jsx_dev_runtime18 = require("react/jsx-dev-runtime");
+var jsx_runtime18 = require("react/jsx-runtime");
 function Controls({
   groupRef,
   mounted = true,
@@ -6976,14 +6977,14 @@ function Controls({
   const handlePointerUp = (e) => {
     e.currentTarget.releasePointerCapture(e.pointerId);
   };
-  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(import_core11.Transition, {
+  return /* @__PURE__ */ jsx_runtime18.jsx(import_core11.Transition, {
     mounted,
     keepMounted: true,
     transition: "pop",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(import_core11.Paper, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime18.jsx(import_core11.Paper, {
       ref: containerRef,
       pos: "absolute",
       p: gutter,
@@ -6999,33 +7000,33 @@ function Controls({
         ...import_lodash10.merge(transitionStyle, componentsProps?.container?.style)
       },
       className: clsx_default("remoraid-controls", componentsProps?.container?.className),
-      children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(import_core11.Group, {
+      children: /* @__PURE__ */ jsx_runtime18.jsxs(import_core11.Group, {
         gap: gutter,
         ref: groupRef,
         wrap: "nowrap",
         ...componentsProps?.group,
         className: clsx_default("remoraid-controls-group", componentsProps?.group?.className),
         children: [
-          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(import_icons_react6.IconGripHorizontal, {
+          /* @__PURE__ */ jsx_runtime18.jsx(import_icons_react6.IconGripHorizontal, {
             ...import_lodash10.merge({}, theme.componentsProps.icons[iconSize], { order: -100, color: "var(--mantine-color-default-border)" }, componentsProps?.gripIcon)
-          }, undefined, false, undefined, this),
+          }),
           children,
           additionalButtons && additionalButtons.map((button, i) => {
             if (isValidElementOfType(ControlButton, button)) {
               return button;
             }
-            return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(ControlButton, {
+            return /* @__PURE__ */ jsx_runtime18.jsx(ControlButton, {
               ...button
-            }, i, false, undefined, this);
+            }, i);
           })
         ]
-      }, undefined, true, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 }
 
 // src/core/components/Pinnable/index.tsx
-var jsx_dev_runtime19 = require("react/jsx-dev-runtime");
+var jsx_runtime19 = require("react/jsx-runtime");
 function Pinnable({
   layoutType: layoutTypeProp,
   section,
@@ -7045,7 +7046,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_react14.useMemo(() => /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(ControlButton, {
+  const controlButton = import_react14.useMemo(() => /* @__PURE__ */ jsx_runtime19.jsx(ControlButton, {
     icon: pinned ? import_icons_react7.IconPinnedOff : import_icons_react7.IconPin,
     tooltip: pinned ? "Unpin" : "Pin",
     color: "green",
@@ -7055,8 +7056,8 @@ function Pinnable({
       setPinned((prev) => !prev);
       componentsProps?.button?.onClick?.(e);
     }
-  }, undefined, false, undefined, this), [pinned, componentsProps?.button]);
-  const element = /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(import_core12.Box, {
+  }), [pinned, componentsProps?.button]);
+  const element = /* @__PURE__ */ jsx_runtime19.jsxs(import_core12.Box, {
     pos: "relative",
     ref: containerRef,
     "data-hidden": hidden,
@@ -7064,17 +7065,17 @@ function Pinnable({
     ...componentsProps?.container,
     className: clsx_default("remoraid-pinnable", componentsProps?.container?.className),
     children: [
-      controlsContainer === undefined ? /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Controls, {
+      controlsContainer === undefined ? /* @__PURE__ */ jsx_runtime19.jsx(Controls, {
         dragContainerRef: containerRef,
         ...componentsProps?.controls,
         children: controlButton
-      }, undefined, false, undefined, this) : controlsContainer !== null && /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(import_core12.Portal, {
+      }) : controlsContainer !== null && /* @__PURE__ */ jsx_runtime19.jsx(import_core12.Portal, {
         target: controlsContainer,
         children: controlButton
-      }, undefined, false, undefined, this),
+      }),
       children
     ]
-  }, undefined, true, undefined, this);
+  });
   import_react14.useEffect(() => {
     onPinnedValueChange?.(pinned);
   }, [pinned]);
@@ -7082,19 +7083,19 @@ function Pinnable({
     return null;
   }
   if (pinned && layoutType === "frame" /* Frame */) {
-    return /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(FrameLayout_default.Element, {
+    return /* @__PURE__ */ jsx_runtime19.jsx(FrameLayout_default.Element, {
       layoutId,
       section,
       hidden,
       ...componentsProps?.layoutElement,
       children: element
-    }, undefined, false, undefined, this);
+    });
   }
   return element;
 }
 
 // src/core/components/AppShell/Navbar/NavbarMinimal/index.tsx
-var jsx_dev_runtime20 = require("react/jsx-dev-runtime");
+var jsx_runtime20 = require("react/jsx-runtime");
 function NavbarMinimal({
   pinnable = true,
   componentsProps
@@ -7112,7 +7113,7 @@ function NavbarMinimal({
     setHover(false);
   };
   if (position === "left" /* Left */ || position === "right" /* Right */) {
-    return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(FrameLayout_default.Element, {
+    return /* @__PURE__ */ jsx_runtime20.jsx(FrameLayout_default.Element, {
       section: position,
       includeContainer: true,
       ...componentsProps?.layoutElement,
@@ -7123,19 +7124,19 @@ function NavbarMinimal({
           }
         }
       }, componentsProps?.layoutElement?.componentsProps),
-      children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(NavbarMinimalContent, {
+      children: /* @__PURE__ */ jsx_runtime20.jsx(NavbarMinimalContent, {
         orientation: "vertical" /* Vertical */,
         ...componentsProps?.content
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
   if (position === "top" /* Top */ || position === "bottom" /* Bottom */) {
-    const content = /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(NavbarMinimalContent, {
+    const content = /* @__PURE__ */ jsx_runtime20.jsx(NavbarMinimalContent, {
       orientation: "horizontal" /* Horizontal */,
       ...componentsProps?.content
-    }, undefined, false, undefined, this);
+    });
     if (pinnable) {
-      return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(PageContainer, {
+      return /* @__PURE__ */ jsx_runtime20.jsx(PageContainer, {
         ...componentsProps?.container,
         componentsProps: {
           ...componentsProps?.container?.componentsProps,
@@ -7144,7 +7145,7 @@ function NavbarMinimal({
             className: clsx_default("hide-if-empty", componentsProps?.container?.componentsProps?.container?.className)
           }
         },
-        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Pinnable, {
+        children: /* @__PURE__ */ jsx_runtime20.jsx(Pinnable, {
           section: position,
           initialValue: true,
           ...componentsProps?.Pinnable,
@@ -7181,26 +7182,26 @@ function NavbarMinimal({
             }
           }, componentsProps?.Pinnable?.componentsProps),
           children: content
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this);
+        })
+      });
     }
     return content;
   }
   if (position === "content" /* Content */) {
-    return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(PageContainer, {
+    return /* @__PURE__ */ jsx_runtime20.jsx(PageContainer, {
       ...componentsProps?.container,
-      children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(NavbarMinimalContent, {
+      children: /* @__PURE__ */ jsx_runtime20.jsx(NavbarMinimalContent, {
         orientation: "horizontal" /* Horizontal */,
         ...componentsProps?.content
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
   return null;
 }
 
 // src/core/components/AppShell/Navbar/index.tsx
 var import_icons_react8 = require("@tabler/icons-react");
-var jsx_dev_runtime21 = require("react/jsx-dev-runtime");
+var jsx_runtime21 = require("react/jsx-runtime");
 var supportedNavbarPositions = {
   ["minimal" /* Minimal */]: [
     null,
@@ -7251,9 +7252,9 @@ var getDefaultNavigationElements = ({
 function Navbar({ componentsProps }) {
   const { navbarVariant } = useRemoraidApp();
   if (navbarVariant === "minimal" /* Minimal */) {
-    return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(NavbarMinimal, {
+    return /* @__PURE__ */ jsx_runtime21.jsx(NavbarMinimal, {
       ...componentsProps?.NavbarMinimal
-    }, undefined, false, undefined, this);
+    });
   }
   return null;
 }
@@ -7262,7 +7263,7 @@ var Navbar_default = Object.assign(Navbar, {
 });
 
 // src/core/components/AppShell/AppShellUserExperienceProvider/index.tsx
-var jsx_dev_runtime22 = require("react/jsx-dev-runtime");
+var jsx_runtime22 = require("react/jsx-runtime");
 var defaultAppShellUserExperience = {
   navbar: {
     position: null,
@@ -7299,7 +7300,7 @@ function AppShellUserExperienceProvider({
     }
     return true;
   };
-  return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(UserExperienceProviderWrapper, {
+  return /* @__PURE__ */ jsx_runtime22.jsx(UserExperienceProviderWrapper, {
     context: appShellUserExperienceContext,
     isValidUserExperience,
     cookieName: cookieName ?? defaultAppShellUserExperienceCookieName,
@@ -7313,11 +7314,11 @@ function AppShellUserExperienceProvider({
       }
     }, initialValue),
     children
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/core/components/AppShell/index.tsx
-var jsx_dev_runtime23 = require("react/jsx-dev-runtime");
+var jsx_runtime23 = require("react/jsx-runtime");
 var remoraidAppShellLayoutId = "remoraid-app-shell";
 function AppShell({
   gutter,
@@ -7327,32 +7328,32 @@ function AppShell({
   children
 }) {
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(AppProvider, {
+  return /* @__PURE__ */ jsx_runtime23.jsx(AppProvider, {
     appContext: appContext2,
     ...componentsProps?.AppProvider,
-    children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(AppShellUserExperienceProvider, {
+    children: /* @__PURE__ */ jsx_runtime23.jsx(AppShellUserExperienceProvider, {
       ...componentsProps?.AppShellUserExperienceProvider,
       initialValue: import_lodash13.merge(initialUserExperience, componentsProps?.AppShellUserExperienceProvider?.initialValue),
-      children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(import_core13.Box, {
+      children: /* @__PURE__ */ jsx_runtime23.jsx(import_core13.Box, {
         h: "100vh",
         ...componentsProps?.container,
-        children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(FrameLayout_default, {
+        children: /* @__PURE__ */ jsx_runtime23.jsxs(FrameLayout_default, {
           layoutId: remoraidAppShellLayoutId,
           gutter: gutter ?? theme.primaryGutter,
           ...componentsProps?.layout,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Navbar_default, {
+            /* @__PURE__ */ jsx_runtime23.jsx(Navbar_default, {
               ...componentsProps?.navbar
-            }, undefined, false, undefined, this),
+            }),
             children,
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Footer_default, {
+            /* @__PURE__ */ jsx_runtime23.jsx(Footer_default, {
               ...componentsProps?.footer
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+        })
+      })
+    })
+  });
 }
 var AppShell_default = Object.assign(AppShell, {
   Navbar: Navbar_default,
@@ -7365,7 +7366,7 @@ var import_core16 = require("@mantine/core");
 var import_core14 = require("@mantine/core");
 var import_react17 = __toESM(require("react"));
 var import_navigation3 = require("next/navigation");
-var jsx_dev_runtime24 = require("react/jsx-dev-runtime");
+var jsx_runtime24 = require("react/jsx-runtime");
 var pageContext = import_react17.default.createContext(null);
 var usePage = () => {
   return import_react17.useContext(pageContext);
@@ -7388,18 +7389,18 @@ function Page({
       }
     }
   }, []);
-  return /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(pageContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime24.jsx(pageContext.Provider, {
     value: { name: name ?? pathname, pageId, ...config },
-    children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(PageContainer, {
+    children: /* @__PURE__ */ jsx_runtime24.jsx(PageContainer, {
       ...componentsProps?.PageContainer,
-      children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(import_core14.Stack, {
+      children: /* @__PURE__ */ jsx_runtime24.jsx(import_core14.Stack, {
         gap: gap ?? theme.primaryGutter,
         ...componentsProps?.Stack,
         className: clsx_default("remoraid-page", componentsProps?.Stack?.className),
         children
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 }
 
 // src/core/components/WidgetSelectionHeader/index.tsx
@@ -7408,7 +7409,7 @@ var import_react18 = require("react");
 
 // src/core/components/ScrollableChipGroup/index.tsx
 var import_core15 = require("@mantine/core");
-var jsx_dev_runtime25 = require("react/jsx-dev-runtime");
+var jsx_runtime25 = require("react/jsx-runtime");
 function ScrollableChipGroup({
   value,
   ref,
@@ -7417,30 +7418,30 @@ function ScrollableChipGroup({
   componentsProps,
   children
 }) {
-  return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(import_core15.ScrollArea, {
+  return /* @__PURE__ */ jsx_runtime25.jsx(import_core15.ScrollArea, {
     ref,
     ...componentsProps?.ScrollArea,
     style: { contain: "inline-size", ...componentsProps?.ScrollArea?.style },
-    children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(import_core15.Chip.Group, {
+    children: /* @__PURE__ */ jsx_runtime25.jsx(import_core15.Chip.Group, {
       value,
       onChange,
       ...componentsProps?.chipGroup,
       multiple: true,
-      children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(import_core15.Flex, {
+      children: /* @__PURE__ */ jsx_runtime25.jsx(import_core15.Flex, {
         justify: "flex-start",
         align: "center",
         gap,
         h: "auto",
         ...componentsProps?.container,
         children
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 }
 
 // src/core/components/WidgetSelectionHeader/index.tsx
 var import_lodash14 = __toESM(require_lodash());
-var jsx_dev_runtime26 = require("react/jsx-dev-runtime");
+var jsx_runtime26 = require("react/jsx-runtime");
 function WidgetSelectionHeader({
   title,
   pinnableSection = "top" /* Top */,
@@ -7471,7 +7472,7 @@ function WidgetSelectionHeader({
   const scrollAreaRef = import_react18.useRef(null);
   const widgets = widgetsContext2.widgets[page.pageId] ?? {};
   const selectedWidgets = Object.entries(widgets).reduce((t, [widgetId, widget]) => widget?.selected ? [...t, widgetId] : t, []);
-  const element = /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_core16.Flex, {
+  const element = /* @__PURE__ */ jsx_runtime26.jsxs(import_core16.Flex, {
     justify: "flex-start",
     align: "center",
     gap: "md",
@@ -7490,15 +7491,15 @@ function WidgetSelectionHeader({
     },
     className: clsx_default(!pinnableSection ? "remoraid-non-widget-segment" : undefined, !pinnableSection ? "remoraid-segment" : undefined, componentsProps?.container?.className),
     children: [
-      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_core16.Text, {
+      /* @__PURE__ */ jsx_runtime26.jsx(import_core16.Text, {
         size: "md",
         ...componentsProps?.title,
         children: title ?? page.name
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_core16.Divider, {
+      }),
+      /* @__PURE__ */ jsx_runtime26.jsx(import_core16.Divider, {
         orientation: "vertical"
-      }, undefined, false, undefined, this),
-      isPageRegistered(page.pageId) && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(ScrollableChipGroup, {
+      }),
+      isPageRegistered(page.pageId) && /* @__PURE__ */ jsx_runtime26.jsx(ScrollableChipGroup, {
         value: selectedWidgets,
         ref: scrollAreaRef,
         ...componentsProps?.ScrollableChipGroup,
@@ -7511,21 +7512,21 @@ function WidgetSelectionHeader({
           if (!widget) {
             return;
           }
-          return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_core16.Menu, {
+          return /* @__PURE__ */ jsx_runtime26.jsxs(import_core16.Menu, {
             trigger: "hover",
             ...componentsProps?.widgetMenu,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_core16.Menu.Target, {
-                children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_core16.Box, {
-                  children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_core16.Chip, {
+              /* @__PURE__ */ jsx_runtime26.jsx(import_core16.Menu.Target, {
+                children: /* @__PURE__ */ jsx_runtime26.jsx(import_core16.Box, {
+                  children: /* @__PURE__ */ jsx_runtime26.jsx(import_core16.Chip, {
                     variant: selectedWidgets.includes(widgetId) ? "filled" : "outline",
                     color: activeWidget === widgetId ? mantineTheme.primaryColor : "gray",
                     value: widgetId,
                     size: "sm",
                     disabled: disabledWidgets?.includes(widgetId),
-                    icon: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_icons_react9.IconCheck, {
+                    icon: /* @__PURE__ */ jsx_runtime26.jsx(import_icons_react9.IconCheck, {
                       ...theme.componentsProps.icons.extraSmall
-                    }, undefined, false, undefined, this),
+                    }),
                     ...componentsProps?.Chip,
                     styles: import_lodash14.merge({
                       label: {
@@ -7534,41 +7535,41 @@ function WidgetSelectionHeader({
                     }, componentsProps?.Chip?.styles),
                     id: `remoraid-widget-selection-header-chip-${widgetId}`,
                     children: widget.name
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_core16.Menu.Dropdown, {
+                  })
+                })
+              }),
+              /* @__PURE__ */ jsx_runtime26.jsxs(import_core16.Menu.Dropdown, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_core16.Menu.Item, {
-                    leftSection: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_icons_react9.IconNavigation, {
+                  /* @__PURE__ */ jsx_runtime26.jsx(import_core16.Menu.Item, {
+                    leftSection: /* @__PURE__ */ jsx_runtime26.jsx(import_icons_react9.IconNavigation, {
                       ...theme.componentsProps.icons.small
-                    }, undefined, false, undefined, this),
+                    }),
                     onClick: () => {
                       scrollToWidget(widgetId);
                       handleLeave();
                     },
                     disabled: !widget.selected,
                     children: "Scroll to widget"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_core16.Menu.Item, {
-                    leftSection: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(import_icons_react9.IconFocus, {
+                  }),
+                  /* @__PURE__ */ jsx_runtime26.jsx(import_core16.Menu.Item, {
+                    leftSection: /* @__PURE__ */ jsx_runtime26.jsx(import_icons_react9.IconFocus, {
                       ...theme.componentsProps.icons.small
-                    }, undefined, false, undefined, this),
+                    }),
                     onClick: () => {
                       updateWidgetSelectionBulk(page.pageId, [widgetId]);
                       handleLeave();
                     },
                     disabled: selectedWidgets.length === 1 && selectedWidgets.includes(widgetId),
                     children: "Isolate widget"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, widgetId, true, undefined, this);
+          }, widgetId);
         })
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
   import_react18.useEffect(() => {
     if (!activeWidget) {
       return;
@@ -7589,7 +7590,7 @@ function WidgetSelectionHeader({
     });
   }, [activeWidget]);
   if (pinnableSection) {
-    return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Pinnable, {
+    return /* @__PURE__ */ jsx_runtime26.jsx(Pinnable, {
       section: pinnableSection,
       initialValue: initiallyPinned,
       ...componentsProps?.Pinnable,
@@ -7626,7 +7627,7 @@ function WidgetSelectionHeader({
         }
       },
       children: element
-    }, undefined, false, undefined, this);
+    });
   }
   return element;
 }
@@ -7636,7 +7637,7 @@ var import_react19 = __toESM(require("react"));
 
 // src/core/components/BadgeMinimal/index.tsx
 var import_core17 = require("@mantine/core");
-var jsx_dev_runtime27 = require("react/jsx-dev-runtime");
+var jsx_runtime27 = require("react/jsx-runtime");
 function BadgeMinimal({
   label,
   tooltip,
@@ -7644,17 +7645,17 @@ function BadgeMinimal({
   componentsProps
 }) {
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(import_core17.Transition, {
+  return /* @__PURE__ */ jsx_runtime27.jsx(import_core17.Transition, {
     mounted,
     transition: "fade",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(import_core17.Tooltip, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime27.jsx(import_core17.Tooltip, {
       label: tooltip,
       disabled: !Boolean(tooltip),
       ...componentsProps?.tooltip,
-      children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(import_core17.Badge, {
+      children: /* @__PURE__ */ jsx_runtime27.jsx(import_core17.Badge, {
         variant: "default",
         ...componentsProps?.badge,
         style: {
@@ -7663,14 +7664,14 @@ function BadgeMinimal({
           ...componentsProps?.badge?.style
         },
         children: label
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 }
 
 // src/core/components/BadgeGroup/index.tsx
 var import_lodash15 = __toESM(require_lodash());
-var jsx_dev_runtime28 = require("react/jsx-dev-runtime");
+var jsx_runtime28 = require("react/jsx-runtime");
 var react = require("react");
 function BadgeGroup({
   badges: badgesProp,
@@ -7691,27 +7692,27 @@ function BadgeGroup({
       key: i
     });
   });
-  return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(jsx_dev_runtime28.Fragment, {
+  return /* @__PURE__ */ jsx_runtime28.jsxs(jsx_runtime28.Fragment, {
     children: [
-      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(import_core18.Group, {
+      /* @__PURE__ */ jsx_runtime28.jsx(import_core18.Group, {
         gap,
         wrap: "nowrap",
         visibleFrom: numVisibleBadges > 1 ? breakpoint : undefined,
         ...componentsProps?.container,
         className: clsx_default("hide-if-empty", componentsProps?.container?.className),
         children: badgesElement
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(import_core18.Transition, {
+      }),
+      /* @__PURE__ */ jsx_runtime28.jsx(import_core18.Transition, {
         mounted: numVisibleBadges > 1,
         transition: "fade",
         duration: theme.transitionDurations.short,
         timingFunction: "ease",
         ...componentsProps?.cumulativeBadgeTransition,
-        children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(import_core18.HoverCard, {
+        children: (transitionStyle) => /* @__PURE__ */ jsx_runtime28.jsxs(import_core18.HoverCard, {
           ...componentsProps?.HoverCard,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(import_core18.HoverCard.Target, {
-              children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(import_core18.Badge, {
+            /* @__PURE__ */ jsx_runtime28.jsx(import_core18.HoverCard.Target, {
+              children: /* @__PURE__ */ jsx_runtime28.jsxs(import_core18.Badge, {
                 hiddenFrom: breakpoint,
                 variant: "dot",
                 ...componentsProps?.cumulativeBadge,
@@ -7723,26 +7724,26 @@ function BadgeGroup({
                   numVisibleBadges,
                   " badges"
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(import_core18.HoverCard.Dropdown, {
+              })
+            }),
+            /* @__PURE__ */ jsx_runtime28.jsx(import_core18.HoverCard.Dropdown, {
               p: gap,
-              children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(import_core18.Stack, {
+              children: /* @__PURE__ */ jsx_runtime28.jsx(import_core18.Stack, {
                 gap,
                 ...componentsProps?.hoverContainer,
                 children: badgesElement
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this)
+              })
+            })
           ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/core/components/AlertMinimal/index.tsx
 var import_core19 = require("@mantine/core");
 var import_lodash16 = __toESM(require_lodash());
-var jsx_dev_runtime29 = require("react/jsx-dev-runtime");
+var jsx_runtime29 = require("react/jsx-runtime");
 function AlertMinimal({
   category,
   children,
@@ -7759,35 +7760,35 @@ function AlertMinimal({
     iconSize = "small" /* Small */,
     componentsProps
   } = import_lodash16.merge({}, theme.componentsProps.alerts[category], props);
-  return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(import_core19.Transition, {
+  return /* @__PURE__ */ jsx_runtime29.jsx(import_core19.Transition, {
     mounted,
     transition: "fade",
     duration: theme.transitionDurations.short,
     timingFunction: "ease",
     ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(import_core19.Alert, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime29.jsxs(import_core19.Alert, {
       title,
       color,
       variant: "light",
       onClose,
       withCloseButton: onClose !== undefined,
-      icon: Icon4 ? /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Icon4, {
+      icon: Icon4 ? /* @__PURE__ */ jsx_runtime29.jsx(Icon4, {
         ...import_lodash16.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
-      }, undefined, false, undefined, this) : undefined,
+      }) : undefined,
       style: import_lodash16.merge(transitionStyle, componentsProps?.alert?.style),
       children: [
         text,
         children
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 // src/core/components/Widget/WidgetWrapper/index.tsx
 var import_core20 = require("@mantine/core");
 var import_react20 = require("react");
 var import_icons_react10 = require("@tabler/icons-react");
 var import_lodash17 = __toESM(require_lodash());
-var jsx_dev_runtime30 = require("react/jsx-dev-runtime");
+var jsx_runtime30 = require("react/jsx-runtime");
 function WidgetWrapper({
   config,
   mt = 0,
@@ -7826,7 +7827,7 @@ function WidgetWrapper({
     updateActiveWidget(null);
   };
   const mounted = Boolean(widget?.selected);
-  let element = /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(import_core20.Transition, {
+  let element = /* @__PURE__ */ jsx_runtime30.jsx(import_core20.Transition, {
     mounted,
     transition: "fade-left",
     duration: theme.transitionDurations.medium,
@@ -7838,7 +7839,7 @@ function WidgetWrapper({
       }
       componentsProps?.transition?.onExited?.();
     },
-    children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(import_core20.Paper, {
+    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime30.jsxs(import_core20.Paper, {
       ref: containerRef,
       p: "md",
       shadow: "md",
@@ -7861,12 +7862,12 @@ function WidgetWrapper({
       className: clsx_default("remoraid-segment", componentsProps?.container?.className),
       id: config.widgetId,
       children: [
-        /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Controls, {
+        /* @__PURE__ */ jsx_runtime30.jsx(Controls, {
           dragContainerRef: containerRef,
           groupRef: controlsContainerRef,
           mounted: activeWidget === config.widgetId,
           ...componentsProps?.controls,
-          children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(ControlButton, {
+          children: /* @__PURE__ */ jsx_runtime30.jsx(ControlButton, {
             mounted: withCloseButton,
             icon: import_icons_react10.IconX,
             tooltip: "Hide widget",
@@ -7888,14 +7889,14 @@ function WidgetWrapper({
               handleLeave(e);
               componentsProps?.closeButton?.onClick?.(e);
             }
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
+          })
+        }),
         children
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
   if (pinnableSection !== undefined) {
-    element = /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Pinnable, {
+    element = /* @__PURE__ */ jsx_runtime30.jsx(Pinnable, {
       section: pinnableSection,
       controlsContainer,
       hidden: Boolean(widget?.hidden),
@@ -7916,7 +7917,7 @@ function WidgetWrapper({
         }
       },
       children: element
-    }, undefined, false, undefined, this);
+    });
   }
   import_react20.useEffect(() => {
     if (!page) {
@@ -7932,7 +7933,7 @@ function WidgetWrapper({
 var import_core21 = require("@mantine/core");
 var import_react21 = require("react");
 var import_lodash18 = __toESM(require_lodash());
-var jsx_dev_runtime31 = require("react/jsx-dev-runtime");
+var jsx_runtime31 = require("react/jsx-runtime");
 var react2 = require("react");
 function Widget({
   id,
@@ -7955,7 +7956,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_dev_runtime31.jsxDEV(WidgetWrapper, {
+  return /* @__PURE__ */ jsx_runtime31.jsx(WidgetWrapper, {
     config: {
       widgetId: id,
       ...config,
@@ -7967,49 +7968,49 @@ function Widget({
     mt,
     ...componentsProps?.wrapper,
     pinnableSection: pinnableSection ?? componentsProps?.wrapper?.pinnableSection,
-    children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Stack, {
+    children: /* @__PURE__ */ jsx_runtime31.jsxs(import_core21.Stack, {
       gap: "md",
       mih: 0,
       ...componentsProps?.contentContainer,
       children: [
-        /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Group, {
+        /* @__PURE__ */ jsx_runtime31.jsxs(import_core21.Group, {
           justify: "space-between",
           wrap: "nowrap",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Stack, {
+            /* @__PURE__ */ jsx_runtime31.jsxs(import_core21.Stack, {
               gap: 4,
               children: [
-                /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Group, {
+                /* @__PURE__ */ jsx_runtime31.jsxs(import_core21.Group, {
                   gap: badgesGap,
                   wrap: "nowrap",
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Title, {
+                    /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Title, {
                       order: 1,
                       size: "h2",
                       lineClamp: 1,
                       ...componentsProps?.title,
                       children: title ?? id
-                    }, undefined, false, undefined, this),
-                    badges !== undefined && /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(BadgeGroup, {
+                    }),
+                    badges !== undefined && /* @__PURE__ */ jsx_runtime31.jsx(BadgeGroup, {
                       badges,
                       gap: badgesGap,
                       ...componentsProps?.badgeGroup
-                    }, undefined, false, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Transition, {
+                }),
+                /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Transition, {
                   mounted: Boolean(description),
-                  children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Text, {
+                  children: (transitionStyle) => /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Text, {
                     size: "sm",
                     c: "dimmed",
                     ...componentsProps?.description,
                     style: import_lodash18.merge(transitionStyle, componentsProps?.description?.style),
                     children: description
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
+                  })
+                })
               ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Group, {
+            }),
+            /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Group, {
               gap: buttonsGap,
               wrap: "nowrap",
               children: buttons !== undefined && buttons.map((button, i) => {
@@ -8021,15 +8022,15 @@ function Widget({
                   key: i
                 });
               })
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Box, {
-          children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Divider, {
+        }),
+        /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Box, {
+          children: /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Divider, {
             ...componentsProps?.divider
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Stack, {
+          })
+        }),
+        /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Stack, {
           align: "stretch",
           gap: alertsGap,
           ...componentsProps?.alertsContainer,
@@ -8043,45 +8044,45 @@ function Widget({
               key: i
             });
           })
-        }, undefined, false, undefined, this),
-        (loading || import_react21.Children.toArray(children).length > 0) && /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.ScrollArea.Autosize, {
+        }),
+        (loading || import_react21.Children.toArray(children).length > 0) && /* @__PURE__ */ jsx_runtime31.jsx(import_core21.ScrollArea.Autosize, {
           flex: 1,
           ...componentsProps?.childrenContainer,
           className: clsx_default("remoraid-widget-children-container", componentsProps?.childrenContainer?.className),
-          children: loading ? /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Center, {
-            children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_core21.Loader, {
+          children: loading ? /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Center, {
+            children: /* @__PURE__ */ jsx_runtime31.jsx(import_core21.Loader, {
               ...componentsProps?.loader
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this) : children
-        }, undefined, false, undefined, this)
+            })
+          }) : children
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 // src/core/components/NotFoundPage/index.tsx
 var import_navigation4 = require("next/navigation");
-var jsx_dev_runtime32 = require("react/jsx-dev-runtime");
+var jsx_runtime32 = require("react/jsx-runtime");
 function NotFoundPage({
   children,
   message,
   componentsProps
 }) {
   const pathname = import_navigation4.usePathname();
-  return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Page, {
+  return /* @__PURE__ */ jsx_runtime32.jsxs(Page, {
     name: "Not Found",
     ...componentsProps?.page,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(AlertMinimal, {
+      /* @__PURE__ */ jsx_runtime32.jsx(AlertMinimal, {
         category: "negative" /* Negative */,
         title: "404 - Page Not Found",
         children: message ?? `Could not find page ${pathname}.`
-      }, undefined, false, undefined, this),
+      }),
       children
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/core/components/EnvironmentShell/index.tsx
-var jsx_dev_runtime33 = require("react/jsx-dev-runtime");
+var jsx_runtime33 = require("react/jsx-runtime");
 var EnvironmentShellVariant;
 ((EnvironmentShellVariant2) => {
   EnvironmentShellVariant2["Alert"] = "alert";
@@ -8098,22 +8099,22 @@ function EnvironmentShell({
 }) {
   const undefinedKeys = Object.keys(environment).filter((key) => environment[key] === undefined);
   const defaultMessage = `Components could not be rendered because the following environment variable${undefinedKeys.length > 1 ? "s" : ""} are not specified: ${undefinedKeys.join(", ")}.`;
-  const alertElement = /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(AlertMinimal, {
+  const alertElement = /* @__PURE__ */ jsx_runtime33.jsx(AlertMinimal, {
     mounted: undefinedKeys.length > 0,
     title: `Please specify environment variable${undefinedKeys.length > 1 ? "s" : ""}`,
     category: "negative" /* Negative */,
     text: message ?? defaultMessage,
     ...componentsProps?.alert
-  }, undefined, false, undefined, this);
+  });
   if (undefinedKeys.length === 0) {
     return children;
   }
   if (variant === "alert" /* Alert */) {
     if (includeAlertContainer) {
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(PageContainer, {
+      return /* @__PURE__ */ jsx_runtime33.jsx(PageContainer, {
         ...componentsProps?.alertContainer,
         children: alertElement
-      }, undefined, false, undefined, this);
+      });
     }
     return alertElement;
   }
@@ -8129,14 +8130,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_dev_runtime34 = require("react/jsx-dev-runtime");
+var jsx_runtime34 = require("react/jsx-runtime");
 function SaveButton({
   onSaveChanges,
   insideContainer,
   componentsProps
 }) {
   const settingsWidgetOptions = useSettingsWidgetContext();
-  const button = /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(RemoraidButton, {
+  const button = /* @__PURE__ */ jsx_runtime34.jsx(RemoraidButton, {
     label: "Save Changes",
     icon: import_icons_react11.IconDeviceFloppy,
     onClick: onSaveChanges,
@@ -8149,21 +8150,21 @@ function SaveButton({
         ...componentsProps?.button?.componentsProps?.button
       }
     }
-  }, undefined, false, undefined, this);
+  });
   if (insideContainer !== false) {
-    return /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(import_core22.Group, {
+    return /* @__PURE__ */ jsx_runtime34.jsx(import_core22.Group, {
       w: "100%",
       justify: "flex-end",
       mt: "md",
       ...componentsProps?.container,
       children: button
-    }, undefined, false, undefined, this);
+    });
   }
   return button;
 }
 
 // src/core/components/SettingsWidget/index.tsx
-var jsx_dev_runtime35 = require("react/jsx-dev-runtime");
+var jsx_runtime35 = require("react/jsx-runtime");
 var defaultSettingsWidgetContext = {};
 var settingsWidgetContext = import_react22.createContext(defaultSettingsWidgetContext);
 var useSettingsWidgetContext = () => {
@@ -8176,9 +8177,9 @@ function SettingsWidget({
   custom,
   widgetProps
 }) {
-  return /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(settingsWidgetContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime35.jsx(settingsWidgetContext.Provider, {
     value: { custom, unsavedChanges },
-    children: /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(Widget, {
+    children: /* @__PURE__ */ jsx_runtime35.jsx(Widget, {
       title: "Settings",
       id: "settings",
       ...widgetProps,
@@ -8206,8 +8207,8 @@ function SettingsWidget({
         ...widgetProps?.badges ?? []
       ],
       children
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 var SettingsWidget_default = Object.assign(SettingsWidget, {
   SaveButton
@@ -8218,31 +8219,31 @@ var import_core24 = require("@mantine/core");
 
 // src/core/components/SettingsWidget/SettingsTable/Row/index.tsx
 var import_core23 = require("@mantine/core");
-var jsx_dev_runtime36 = require("react/jsx-dev-runtime");
+var jsx_runtime36 = require("react/jsx-runtime");
 function Row({
   children,
   label
 }) {
   const options = useSettingsTableOptions();
-  return /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_core23.Table.Tr, {
+  return /* @__PURE__ */ jsx_runtime36.jsxs(import_core23.Table.Tr, {
     children: [
-      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_core23.Table.Th, {
+      /* @__PURE__ */ jsx_runtime36.jsx(import_core23.Table.Th, {
         w: options.leftColumnWidth,
-        children: /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_core23.Text, {
+        children: /* @__PURE__ */ jsx_runtime36.jsx(import_core23.Text, {
           size: "sm",
           children: label
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_core23.Table.Td, {
+        })
+      }),
+      /* @__PURE__ */ jsx_runtime36.jsx(import_core23.Table.Td, {
         py: "xs",
         children
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/core/components/SettingsWidget/SettingsTable/index.tsx
-var jsx_dev_runtime37 = require("react/jsx-dev-runtime");
+var jsx_runtime37 = require("react/jsx-runtime");
 var defaultSettingsTableOptions = {
   leftColumnWidth: "38.2%"
 };
@@ -8256,20 +8257,20 @@ function SettingsTable({
 }) {
   const children = asChildrenOfType(Row, childrenProp, "Check children passed to 'SettingsTable' component.");
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(settingsTableOptionsContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime37.jsx(settingsTableOptionsContext.Provider, {
     value: {
       leftColumnWidth: leftColumnWidth ?? defaultSettingsTableOptions.leftColumnWidth
     },
-    children: /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_core24.Table, {
+    children: /* @__PURE__ */ jsx_runtime37.jsx(import_core24.Table, {
       bg: theme.transparentBackground,
       withTableBorder: true,
       variant: "vertical",
       layout: "fixed",
-      children: /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_core24.Table.Tbody, {
+      children: /* @__PURE__ */ jsx_runtime37.jsx(import_core24.Table.Tbody, {
         children
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 }
 var SettingsTable_default = Object.assign(SettingsTable, {
   Row
@@ -8277,7 +8278,7 @@ 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_dev_runtime38 = require("react/jsx-dev-runtime");
+var jsx_runtime38 = require("react/jsx-runtime");
 var defaultNavbarSettingsWidgetId = "navbar-settings";
 function NavbarSettingsWidget({
   additionalRows: additionalRowsProp,
@@ -8299,7 +8300,7 @@ function NavbarSettingsWidget({
     ["right" /* Right */]: "Right",
     ["content" /* Content */]: "Content section"
   };
-  return /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(SettingsWidget_default, {
+  return /* @__PURE__ */ jsx_runtime38.jsx(SettingsWidget_default, {
     widgetProps: {
       id: defaultNavbarSettingsWidgetId,
       title: "Navbar Settings",
@@ -8312,12 +8313,12 @@ function NavbarSettingsWidget({
       }));
     },
     custom: !import_lodash19.isEqual(userExperience.navbar, initialUserExperience.navbar),
-    children: /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(SettingsTable_default, {
+    children: /* @__PURE__ */ jsx_runtime38.jsxs(SettingsTable_default, {
       ...componentsProps?.table,
       children: [
-        /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(SettingsTable_default.Row, {
+        /* @__PURE__ */ jsx_runtime38.jsx(SettingsTable_default.Row, {
           label: "Select navbar position",
-          children: /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_core25.Select, {
+          children: /* @__PURE__ */ jsx_runtime38.jsx(import_core25.Select, {
             value: userExperience.navbar.position ?? "hidden",
             data: app.navbarVariant === null ? [] : supportedNavbarPositions[app.navbarVariant].map((position) => ({
               value: position ?? "hidden",
@@ -8335,11 +8336,11 @@ function NavbarSettingsWidget({
                 }
               }));
             }
-          }, undefined, false, undefined, this)
-        }, "select-navbar-position", false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(SettingsTable_default.Row, {
+          })
+        }, "select-navbar-position"),
+        /* @__PURE__ */ jsx_runtime38.jsx(SettingsTable_default.Row, {
           label: "Select navbar mode",
-          children: /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_core25.Select, {
+          children: /* @__PURE__ */ jsx_runtime38.jsx(import_core25.Select, {
             value: userExperience.navbar.mode,
             data: Object.values(NavbarMode).map((mode) => ({
               value: mode,
@@ -8354,24 +8355,24 @@ function NavbarSettingsWidget({
                 navbar: { ...prev.navbar, mode: newValue }
               }));
             }
-          }, undefined, false, undefined, this)
-        }, "select-navbar-mode", false, undefined, this),
+          })
+        }, "select-navbar-mode"),
         additionalRows && additionalRows.map((row, i) => {
           if (isValidElementOfType(SettingsTable_default.Row, row)) {
             return row;
           }
-          return /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(SettingsTable_default.Row, {
+          return /* @__PURE__ */ jsx_runtime38.jsx(SettingsTable_default.Row, {
             ...row
-          }, i, false, undefined, this);
+          }, i);
         })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 // src/core/components/FooterSettingsWidget/index.tsx
 var import_lodash20 = __toESM(require_lodash());
 var import_core26 = require("@mantine/core");
-var jsx_dev_runtime39 = require("react/jsx-dev-runtime");
+var jsx_runtime39 = require("react/jsx-runtime");
 var defaultFooterSettingsWidgetId = "footer-settings";
 function FooterSettingsWidget({
   additionalRows: additionalRowsProp,
@@ -8388,7 +8389,7 @@ function FooterSettingsWidget({
     ["right" /* Right */]: "Right",
     ["content" /* Content */]: "Content section"
   };
-  return /* @__PURE__ */ jsx_dev_runtime39.jsxDEV(SettingsWidget_default, {
+  return /* @__PURE__ */ jsx_runtime39.jsx(SettingsWidget_default, {
     widgetProps: {
       id: defaultFooterSettingsWidgetId,
       title: "Footer Settings",
@@ -8401,12 +8402,12 @@ function FooterSettingsWidget({
       }));
     },
     custom: !import_lodash20.isEqual(userExperience.footer, initialUserExperience.footer),
-    children: /* @__PURE__ */ jsx_dev_runtime39.jsxDEV(SettingsTable_default, {
+    children: /* @__PURE__ */ jsx_runtime39.jsxs(SettingsTable_default, {
       ...componentsProps?.table,
       children: [
-        /* @__PURE__ */ jsx_dev_runtime39.jsxDEV(SettingsTable_default.Row, {
+        /* @__PURE__ */ jsx_runtime39.jsx(SettingsTable_default.Row, {
           label: "Select footer position",
-          children: /* @__PURE__ */ jsx_dev_runtime39.jsxDEV(import_core26.Select, {
+          children: /* @__PURE__ */ jsx_runtime39.jsx(import_core26.Select, {
             value: userExperience.footer.position ?? "hidden",
             data: app.footerVariant === null ? [] : supportedFooterPositions[app.footerVariant].map((position) => ({
               value: position ?? "hidden",
@@ -8424,23 +8425,23 @@ function FooterSettingsWidget({
                 }
               }));
             }
-          }, undefined, false, undefined, this)
-        }, "select-footer-position", false, undefined, this),
+          })
+        }, "select-footer-position"),
         additionalRows && additionalRows.map((row, i) => {
           if (isValidElementOfType(SettingsTable_default.Row, row)) {
             return row;
           }
-          return /* @__PURE__ */ jsx_dev_runtime39.jsxDEV(SettingsTable_default.Row, {
+          return /* @__PURE__ */ jsx_runtime39.jsx(SettingsTable_default.Row, {
             ...row
-          }, i, false, undefined, this);
+          }, i);
         })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 // src/core/components/ContextClusterProvider/index.tsx
 var import_react24 = __toESM(require("react"));
-var jsx_dev_runtime40 = require("react/jsx-dev-runtime");
+var jsx_runtime40 = require("react/jsx-runtime");
 var createContextCluster = (generalDefaultValue, staticIds) => {
   const isStaticId = (id) => {
     if (staticIds?.find((staticId) => staticId === id)) {
@@ -8475,15 +8476,15 @@ function ContextClusterProvider({
   values = {},
   children
 }) {
-  return Object.entries(cluster.contexts).reduceRight((t, [id, context]) => context ? /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(context.Provider, {
+  return Object.entries(cluster.contexts).reduceRight((t, [id, context]) => context ? /* @__PURE__ */ jsx_runtime40.jsx(context.Provider, {
     value: values[id] ?? cluster.defaultValues[id] ?? cluster.generalDefaultValue,
     children: t
-  }, undefined, false, undefined, this) : t, children);
+  }) : t, children);
 }
 // src/core/components/InputWrapperScrollArea/index.tsx
 var import_core27 = require("@mantine/core");
 var import_react25 = require("react");
-var jsx_dev_runtime41 = require("react/jsx-dev-runtime");
+var jsx_runtime41 = require("react/jsx-runtime");
 function InputWrapperScrollArea({
   children,
   label,
@@ -8495,7 +8496,7 @@ function InputWrapperScrollArea({
 }) {
   const theme = useRemoraidTheme();
   const [isHovering, setIsHovering] = import_react25.useState(false);
-  return /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(import_core27.Input.Wrapper, {
+  return /* @__PURE__ */ jsx_runtime41.jsx(import_core27.Input.Wrapper, {
     label,
     error,
     onMouseEnter: () => setIsHovering(true),
@@ -8503,7 +8504,7 @@ function InputWrapperScrollArea({
     description,
     withAsterisk: required,
     ...componentsProps?.container,
-    children: /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(import_core27.Paper, {
+    children: /* @__PURE__ */ jsx_runtime41.jsx(import_core27.Paper, {
       shadow: "none",
       p: 0,
       mt: Boolean(description) ? 4 : 0,
@@ -8514,16 +8515,16 @@ function InputWrapperScrollArea({
         transition: "border-color .1s",
         borderColor: error ? "var(--mantine-color-error)" : isHovering ? "var(--mantine-primary-color-filled)" : undefined
       },
-      children: /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(import_core27.ScrollArea, {
+      children: /* @__PURE__ */ jsx_runtime41.jsx(import_core27.ScrollArea, {
         mah,
         px: "md",
         flex: 1,
         ...componentsProps?.ScrollArea,
-        children: /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(import_core27.Box, {
+        children: /* @__PURE__ */ jsx_runtime41.jsx(import_core27.Box, {
           ...componentsProps?.childrenContainer,
           children
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+        })
+      })
+    })
+  });
 }