remoraid 2.42.1 → 2.43.2

package/dist/core/index.cjs

@@ -6169,6 +6169,7 @@ function RemoraidProvider({
 }
 // 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");
@@ -6812,8 +6813,8 @@ function NavbarMinimalContent({
       target: /* @__PURE__ */ jsx_runtime16.jsx(RemoraidButton, {
         label: "Static elements",
         icon: import_icons_react4.IconDots,
-        responsive: buttonResponsive,
-        collapsed: buttonCollapsed,
+        responsive: orientation === "vertical" /* Vertical */ ? buttonResponsive : false,
+        collapsed: orientation === "vertical" /* Vertical */ ? buttonCollapsed : true,
         clickTransformation: buttonClickTransformation,
         ...componentsProps?.button,
         componentsProps: import_lodash8.merge({
@@ -7264,7 +7265,7 @@ var getDefaultNavigationElements = ({
     }
   }
 ];
-function Navbar({ componentsProps }) {
+function Navbar2({ componentsProps }) {
   const { navbarVariant } = useRemoraidApp();
   if (navbarVariant === "minimal" /* Minimal */) {
     return /* @__PURE__ */ jsx_runtime21.jsx(NavbarMinimal, {
@@ -7273,7 +7274,7 @@ function Navbar({ componentsProps }) {
   }
   return null;
 }
-var Navbar_default = Object.assign(Navbar, {
+var Navbar_default = Object.assign(Navbar2, {
   NavbarMinimal
 });
 
@@ -7343,6 +7344,20 @@ function AppShell({
   children
 }) {
   const theme = useRemoraidTheme();
+  const { colorScheme } = useHydratedMantineColorScheme();
+  import_react18.useEffect(() => {
+    let meta = document.querySelector('meta[name="theme-color"]');
+    if (!meta) {
+      meta = document.createElement("meta");
+      meta.name = "theme-color";
+      document.head.appendChild(meta);
+    }
+    const { backgroundColor: computedBodyColor } = getComputedStyle(document.body);
+    if (!computedBodyColor) {
+      return;
+    }
+    meta.content = computedBodyColor;
+  }, [colorScheme]);
   return /* @__PURE__ */ jsx_runtime23.jsx(AppProvider, {
     appContext: appContext2,
     ...componentsProps?.AppProvider,
@@ -7350,7 +7365,7 @@ function AppShell({
       ...componentsProps?.AppShellUserExperienceProvider,
       initialValue: import_lodash13.merge(initialUserExperience, componentsProps?.AppShellUserExperienceProvider?.initialValue),
       children: /* @__PURE__ */ jsx_runtime23.jsx(import_core13.Box, {
-        h: "100vh",
+        h: "100dvh",
         ...componentsProps?.container,
         children: /* @__PURE__ */ jsx_runtime23.jsxs(FrameLayout_default, {
           layoutId: remoraidAppShellLayoutId,
@@ -7379,12 +7394,12 @@ var import_core16 = require("@mantine/core");
 
 // src/core/components/Page/index.tsx
 var import_core14 = require("@mantine/core");
-var import_react18 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var import_navigation3 = require("next/navigation");
 var jsx_runtime24 = require("react/jsx-runtime");
-var pageContext = import_react18.default.createContext(null);
+var pageContext = import_react19.default.createContext(null);
 var usePage = () => {
-  return import_react18.useContext(pageContext);
+  return import_react19.useContext(pageContext);
 };
 function Page({
   children,
@@ -7397,7 +7412,7 @@ function Page({
   const pathname = import_navigation3.usePathname();
   const { isPageRegistered, registerPage } = useWidgets();
   const pageId = config?.pageId ?? pathname;
-  import_react18.useEffect(() => {
+  import_react19.useEffect(() => {
     if (!isPageRegistered(pageId)) {
       if (config?.registerPageDirectly) {
         registerPage(pageId, []);
@@ -7420,7 +7435,7 @@ function Page({
 
 // src/core/components/WidgetSelectionHeader/index.tsx
 var import_icons_react9 = require("@tabler/icons-react");
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/core/components/ScrollableChipGroup/index.tsx
 var import_core15 = require("@mantine/core");
@@ -7476,15 +7491,15 @@ function WidgetSelectionHeader({
   if (!page) {
     throw new InvalidComponentUsageError("WidgetSelectionHeader", "must be used as child of 'Page'.");
   }
-  const [hover, setHover] = import_react19.useState(false);
-  const [isPinned, setIsPinned] = import_react19.useState(initiallyPinned);
+  const [hover, setHover] = import_react20.useState(false);
+  const [isPinned, setIsPinned] = import_react20.useState(initiallyPinned);
   const handleEnter = () => {
     setHover(true);
   };
   const handleLeave = () => {
     setHover(false);
   };
-  const scrollAreaRef = import_react19.useRef(null);
+  const scrollAreaRef = import_react20.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_runtime26.jsxs(import_core16.Flex, {
@@ -7585,7 +7600,7 @@ function WidgetSelectionHeader({
       })
     ]
   });
-  import_react19.useEffect(() => {
+  import_react20.useEffect(() => {
     if (!activeWidget) {
       return;
     }
@@ -7648,7 +7663,7 @@ function WidgetSelectionHeader({
 }
 // src/core/components/BadgeGroup/index.tsx
 var import_core18 = require("@mantine/core");
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 
 // src/core/components/BadgeMinimal/index.tsx
 var import_core17 = require("@mantine/core");
@@ -7800,7 +7815,7 @@ function AlertMinimal({
 }
 // src/core/components/Widget/WidgetWrapper/index.tsx
 var import_core20 = require("@mantine/core");
-var import_react21 = require("react");
+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");
@@ -7824,11 +7839,11 @@ function WidgetWrapper({
   } = useWidgets();
   const page = usePage();
   const theme = useRemoraidTheme();
-  const [controlsContainer, setControlsContainer] = import_react21.useState(null);
+  const [controlsContainer, setControlsContainer] = import_react22.useState(null);
   const widget = page ? widgets[page.pageId]?.[config.widgetId] : undefined;
   const pageRegistered = page ? isPageRegistered(page.pageId) : false;
-  const containerRef = import_react21.useRef(null);
-  const controlsContainerRef = import_react21.useCallback((n) => {
+  const containerRef = import_react22.useRef(null);
+  const controlsContainerRef = import_react22.useCallback((n) => {
     setControlsContainer(n);
   }, [setControlsContainer]);
   const handleEnter = () => {
@@ -7934,7 +7949,7 @@ function WidgetWrapper({
       children: element
     });
   }
-  import_react21.useEffect(() => {
+  import_react22.useEffect(() => {
     if (!page) {
       return;
     }
@@ -7946,7 +7961,7 @@ function WidgetWrapper({
 }
 // src/core/components/Widget/index.tsx
 var import_core21 = require("@mantine/core");
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_lodash18 = __toESM(require_lodash());
 var jsx_runtime31 = require("react/jsx-runtime");
 var react2 = require("react");
@@ -8060,7 +8075,7 @@ function Widget({
             });
           })
         }),
-        (loading || import_react22.Children.toArray(children).length > 0) && /* @__PURE__ */ jsx_runtime31.jsx(import_core21.ScrollArea.Autosize, {
+        (loading || import_react23.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),
@@ -8139,7 +8154,7 @@ function EnvironmentShell({
   return null;
 }
 // src/core/components/SettingsWidget/index.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_icons_react12 = require("@tabler/icons-react");
 
 // src/core/components/SettingsWidget/SaveButton/index.tsx
@@ -8181,9 +8196,9 @@ function SaveButton({
 // src/core/components/SettingsWidget/index.tsx
 var jsx_runtime35 = require("react/jsx-runtime");
 var defaultSettingsWidgetContext = {};
-var settingsWidgetContext = import_react23.createContext(defaultSettingsWidgetContext);
+var settingsWidgetContext = import_react24.createContext(defaultSettingsWidgetContext);
 var useSettingsWidgetContext = () => {
-  return import_react23.useContext(settingsWidgetContext);
+  return import_react24.useContext(settingsWidgetContext);
 };
 function SettingsWidget({
   children,
@@ -8229,7 +8244,7 @@ var SettingsWidget_default = Object.assign(SettingsWidget, {
   SaveButton
 });
 // src/core/components/SettingsWidget/SettingsTable/index.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_core24 = require("@mantine/core");
 
 // src/core/components/SettingsWidget/SettingsTable/Row/index.tsx
@@ -8262,9 +8277,9 @@ var jsx_runtime37 = require("react/jsx-runtime");
 var defaultSettingsTableOptions = {
   leftColumnWidth: "38.2%"
 };
-var settingsTableOptionsContext = import_react24.createContext(defaultSettingsTableOptions);
+var settingsTableOptionsContext = import_react25.createContext(defaultSettingsTableOptions);
 var useSettingsTableOptions = () => {
-  return import_react24.useContext(settingsTableOptionsContext);
+  return import_react25.useContext(settingsTableOptionsContext);
 };
 function SettingsTable({
   leftColumnWidth,
@@ -8455,7 +8470,7 @@ function FooterSettingsWidget({
   });
 }
 // src/core/components/ContextClusterProvider/index.tsx
-var import_react25 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var jsx_runtime40 = require("react/jsx-runtime");
 var createContextCluster = (generalDefaultValue, staticIds) => {
   const isStaticId = (id) => {
@@ -8467,16 +8482,16 @@ var createContextCluster = (generalDefaultValue, staticIds) => {
   const contexts = {};
   const defaultValues = {};
   const createContext9 = (id, defaultValue) => {
-    const context = import_react25.default.createContext(defaultValue ?? generalDefaultValue);
+    const context = import_react26.default.createContext(defaultValue ?? generalDefaultValue);
     contexts[id] = context;
     defaultValues[id] = defaultValue ?? generalDefaultValue;
     return context;
   };
   const useContext13 = (id) => {
     if (isStaticId(id)) {
-      return contexts[id] ? import_react25.default.useContext(contexts[id]) : generalDefaultValue;
+      return contexts[id] ? import_react26.default.useContext(contexts[id]) : generalDefaultValue;
     }
-    return contexts[id] ? import_react25.default.useContext(contexts[id]) : null;
+    return contexts[id] ? import_react26.default.useContext(contexts[id]) : null;
   };
   return {
     contexts,
@@ -8498,7 +8513,7 @@ function ContextClusterProvider({
 }
 // src/core/components/InputWrapperScrollArea/index.tsx
 var import_core27 = require("@mantine/core");
-var import_react26 = require("react");
+var import_react27 = require("react");
 var jsx_runtime41 = require("react/jsx-runtime");
 function InputWrapperScrollArea({
   children,
@@ -8510,7 +8525,7 @@ function InputWrapperScrollArea({
   componentsProps
 }) {
   const theme = useRemoraidTheme();
-  const [isHovering, setIsHovering] = import_react26.useState(false);
+  const [isHovering, setIsHovering] = import_react27.useState(false);
   return /* @__PURE__ */ jsx_runtime41.jsx(import_core27.Input.Wrapper, {
     label,
     error,

package/dist/core/index.js

@@ -6079,6 +6079,7 @@ function RemoraidProvider({
 }
 // src/core/components/AppShell/index.tsx
 import { Box as Box5 } from "@mantine/core";
+import { useEffect as useEffect4 } from "react";
 
 // src/core/components/AppShell/AppProvider/index.tsx
 var import_lodash4 = __toESM(require_lodash(), 1);
@@ -6749,8 +6750,8 @@ function NavbarMinimalContent({
       target: /* @__PURE__ */ jsx16(RemoraidButton, {
         label: "Static elements",
         icon: IconDots,
-        responsive: buttonResponsive,
-        collapsed: buttonCollapsed,
+        responsive: orientation === "vertical" /* Vertical */ ? buttonResponsive : false,
+        collapsed: orientation === "vertical" /* Vertical */ ? buttonCollapsed : true,
         clickTransformation: buttonClickTransformation,
         ...componentsProps?.button,
         componentsProps: import_lodash8.merge({
@@ -7214,7 +7215,7 @@ var getDefaultNavigationElements = ({
     }
   }
 ];
-function Navbar({ componentsProps }) {
+function Navbar2({ componentsProps }) {
   const { navbarVariant } = useRemoraidApp();
   if (navbarVariant === "minimal" /* Minimal */) {
     return /* @__PURE__ */ jsx21(NavbarMinimal, {
@@ -7223,7 +7224,7 @@ function Navbar({ componentsProps }) {
   }
   return null;
 }
-var Navbar_default = Object.assign(Navbar, {
+var Navbar_default = Object.assign(Navbar2, {
   NavbarMinimal
 });
 
@@ -7293,6 +7294,20 @@ function AppShell({
   children
 }) {
   const theme = useRemoraidTheme();
+  const { colorScheme } = useHydratedMantineColorScheme();
+  useEffect4(() => {
+    let meta = document.querySelector('meta[name="theme-color"]');
+    if (!meta) {
+      meta = document.createElement("meta");
+      meta.name = "theme-color";
+      document.head.appendChild(meta);
+    }
+    const { backgroundColor: computedBodyColor } = getComputedStyle(document.body);
+    if (!computedBodyColor) {
+      return;
+    }
+    meta.content = computedBodyColor;
+  }, [colorScheme]);
   return /* @__PURE__ */ jsx23(AppProvider, {
     appContext: appContext2,
     ...componentsProps?.AppProvider,
@@ -7300,7 +7315,7 @@ function AppShell({
       ...componentsProps?.AppShellUserExperienceProvider,
       initialValue: import_lodash13.merge(initialUserExperience, componentsProps?.AppShellUserExperienceProvider?.initialValue),
       children: /* @__PURE__ */ jsx23(Box5, {
-        h: "100vh",
+        h: "100dvh",
         ...componentsProps?.container,
         children: /* @__PURE__ */ jsxs7(FrameLayout_default, {
           layoutId: remoraidAppShellLayoutId,
@@ -7339,7 +7354,7 @@ import {
 import { Stack as Stack3 } from "@mantine/core";
 import React7, {
   useContext as useContext10,
-  useEffect as useEffect4
+  useEffect as useEffect5
 } from "react";
 import { usePathname as usePathname3 } from "next/navigation";
 import { jsx as jsx24 } from "react/jsx-runtime";
@@ -7358,7 +7373,7 @@ function Page({
   const pathname = usePathname3();
   const { isPageRegistered, registerPage } = useWidgets();
   const pageId = config?.pageId ?? pathname;
-  useEffect4(() => {
+  useEffect5(() => {
     if (!isPageRegistered(pageId)) {
       if (config?.registerPageDirectly) {
         registerPage(pageId, []);
@@ -7381,7 +7396,7 @@ function Page({
 
 // src/core/components/WidgetSelectionHeader/index.tsx
 import { IconCheck, IconFocus, IconNavigation } from "@tabler/icons-react";
-import { useEffect as useEffect5, useRef as useRef3, useState as useState8 } from "react";
+import { useEffect as useEffect6, useRef as useRef3, useState as useState8 } from "react";
 
 // src/core/components/ScrollableChipGroup/index.tsx
 import {
@@ -7550,7 +7565,7 @@ function WidgetSelectionHeader({
       })
     ]
   });
-  useEffect5(() => {
+  useEffect6(() => {
     if (!activeWidget) {
       return;
     }
@@ -7777,7 +7792,7 @@ function AlertMinimal({
 import { Paper as Paper3, Transition as Transition8 } from "@mantine/core";
 import {
   useCallback as useCallback2,
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useRef as useRef4,
   useState as useState9
 } from "react";
@@ -7914,7 +7929,7 @@ function WidgetWrapper({
       children: element
     });
   }
-  useEffect6(() => {
+  useEffect7(() => {
     if (!page) {
       return;
     }

package/dist/jsonforms/index.cjs

@@ -5723,6 +5723,7 @@ var useLayouts = () => {
 var jsx_runtime7 = 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");
@@ -6366,8 +6367,8 @@ function NavbarMinimalContent({
       target: /* @__PURE__ */ jsx_runtime16.jsx(RemoraidButton, {
         label: "Static elements",
         icon: import_icons_react4.IconDots,
-        responsive: buttonResponsive,
-        collapsed: buttonCollapsed,
+        responsive: orientation === "vertical" /* Vertical */ ? buttonResponsive : false,
+        collapsed: orientation === "vertical" /* Vertical */ ? buttonCollapsed : true,
         clickTransformation: buttonClickTransformation,
         ...componentsProps?.button,
         componentsProps: import_lodash8.merge({
@@ -6818,7 +6819,7 @@ var getDefaultNavigationElements = ({
     }
   }
 ];
-function Navbar({ componentsProps }) {
+function Navbar2({ componentsProps }) {
   const { navbarVariant } = useRemoraidApp();
   if (navbarVariant === "minimal" /* Minimal */) {
     return /* @__PURE__ */ jsx_runtime21.jsx(NavbarMinimal, {
@@ -6827,7 +6828,7 @@ function Navbar({ componentsProps }) {
   }
   return null;
 }
-var Navbar_default = Object.assign(Navbar, {
+var Navbar_default = Object.assign(Navbar2, {
   NavbarMinimal
 });
 
@@ -6897,6 +6898,20 @@ function AppShell({
   children
 }) {
   const theme = useRemoraidTheme();
+  const { colorScheme } = useHydratedMantineColorScheme();
+  import_react18.useEffect(() => {
+    let meta = document.querySelector('meta[name="theme-color"]');
+    if (!meta) {
+      meta = document.createElement("meta");
+      meta.name = "theme-color";
+      document.head.appendChild(meta);
+    }
+    const { backgroundColor: computedBodyColor } = getComputedStyle(document.body);
+    if (!computedBodyColor) {
+      return;
+    }
+    meta.content = computedBodyColor;
+  }, [colorScheme]);
   return /* @__PURE__ */ jsx_runtime23.jsx(AppProvider, {
     appContext: appContext2,
     ...componentsProps?.AppProvider,
@@ -6904,7 +6919,7 @@ function AppShell({
       ...componentsProps?.AppShellUserExperienceProvider,
       initialValue: import_lodash13.merge(initialUserExperience, componentsProps?.AppShellUserExperienceProvider?.initialValue),
       children: /* @__PURE__ */ jsx_runtime23.jsx(import_core13.Box, {
-        h: "100vh",
+        h: "100dvh",
         ...componentsProps?.container,
         children: /* @__PURE__ */ jsx_runtime23.jsxs(FrameLayout_default, {
           layoutId: remoraidAppShellLayoutId,
@@ -6933,17 +6948,17 @@ var import_core16 = require("@mantine/core");
 
 // src/core/components/Page/index.tsx
 var import_core14 = require("@mantine/core");
-var import_react18 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var import_navigation3 = require("next/navigation");
 var jsx_runtime24 = require("react/jsx-runtime");
-var pageContext = import_react18.default.createContext(null);
+var pageContext = import_react19.default.createContext(null);
 var usePage = () => {
-  return import_react18.useContext(pageContext);
+  return import_react19.useContext(pageContext);
 };
 
 // src/core/components/WidgetSelectionHeader/index.tsx
 var import_icons_react9 = require("@tabler/icons-react");
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/core/components/ScrollableChipGroup/index.tsx
 var import_core15 = require("@mantine/core");
@@ -6954,7 +6969,7 @@ var import_lodash14 = __toESM(require_lodash());
 var jsx_runtime26 = require("react/jsx-runtime");
 // src/core/components/BadgeGroup/index.tsx
 var import_core18 = require("@mantine/core");
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 
 // src/core/components/BadgeMinimal/index.tsx
 var import_core17 = require("@mantine/core");
@@ -7106,7 +7121,7 @@ function AlertMinimal({
 }
 // src/core/components/Widget/WidgetWrapper/index.tsx
 var import_core20 = require("@mantine/core");
-var import_react21 = require("react");
+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");
@@ -7130,11 +7145,11 @@ function WidgetWrapper({
   } = useWidgets();
   const page = usePage();
   const theme = useRemoraidTheme();
-  const [controlsContainer, setControlsContainer] = import_react21.useState(null);
+  const [controlsContainer, setControlsContainer] = import_react22.useState(null);
   const widget = page ? widgets[page.pageId]?.[config.widgetId] : undefined;
   const pageRegistered = page ? isPageRegistered(page.pageId) : false;
-  const containerRef = import_react21.useRef(null);
-  const controlsContainerRef = import_react21.useCallback((n) => {
+  const containerRef = import_react22.useRef(null);
+  const controlsContainerRef = import_react22.useCallback((n) => {
     setControlsContainer(n);
   }, [setControlsContainer]);
   const handleEnter = () => {
@@ -7240,7 +7255,7 @@ function WidgetWrapper({
       children: element
     });
   }
-  import_react21.useEffect(() => {
+  import_react22.useEffect(() => {
     if (!page) {
       return;
     }
@@ -7252,7 +7267,7 @@ function WidgetWrapper({
 }
 // src/core/components/Widget/index.tsx
 var import_core21 = require("@mantine/core");
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_lodash18 = __toESM(require_lodash());
 var jsx_runtime31 = require("react/jsx-runtime");
 var react2 = require("react");
@@ -7366,7 +7381,7 @@ function Widget({
             });
           })
         }),
-        (loading || import_react22.Children.toArray(children).length > 0) && /* @__PURE__ */ jsx_runtime31.jsx(import_core21.ScrollArea.Autosize, {
+        (loading || import_react23.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),
@@ -7386,7 +7401,7 @@ var jsx_runtime32 = require("react/jsx-runtime");
 // src/core/components/EnvironmentShell/index.tsx
 var jsx_runtime33 = require("react/jsx-runtime");
 // src/core/components/SettingsWidget/index.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_icons_react12 = require("@tabler/icons-react");
 
 // src/core/components/SettingsWidget/SaveButton/index.tsx
@@ -7428,9 +7443,9 @@ function SaveButton({
 // src/core/components/SettingsWidget/index.tsx
 var jsx_runtime35 = require("react/jsx-runtime");
 var defaultSettingsWidgetContext = {};
-var settingsWidgetContext = import_react23.createContext(defaultSettingsWidgetContext);
+var settingsWidgetContext = import_react24.createContext(defaultSettingsWidgetContext);
 var useSettingsWidgetContext = () => {
-  return import_react23.useContext(settingsWidgetContext);
+  return import_react24.useContext(settingsWidgetContext);
 };
 function SettingsWidget({
   children,
@@ -7476,7 +7491,7 @@ var SettingsWidget_default = Object.assign(SettingsWidget, {
   SaveButton
 });
 // src/core/components/SettingsWidget/SettingsTable/index.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_core24 = require("@mantine/core");
 
 // src/core/components/SettingsWidget/SettingsTable/Row/index.tsx
@@ -7509,9 +7524,9 @@ var jsx_runtime37 = require("react/jsx-runtime");
 var defaultSettingsTableOptions = {
   leftColumnWidth: "38.2%"
 };
-var settingsTableOptionsContext = import_react24.createContext(defaultSettingsTableOptions);
+var settingsTableOptionsContext = import_react25.createContext(defaultSettingsTableOptions);
 var useSettingsTableOptions = () => {
-  return import_react24.useContext(settingsTableOptionsContext);
+  return import_react25.useContext(settingsTableOptionsContext);
 };
 function SettingsTable({
   leftColumnWidth,
@@ -7546,11 +7561,11 @@ var import_lodash20 = __toESM(require_lodash());
 var import_core26 = require("@mantine/core");
 var jsx_runtime39 = require("react/jsx-runtime");
 // src/core/components/ContextClusterProvider/index.tsx
-var import_react25 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var jsx_runtime40 = require("react/jsx-runtime");
 // src/core/components/InputWrapperScrollArea/index.tsx
 var import_core27 = require("@mantine/core");
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_core28 = require("remoraid/core");
 var jsx_runtime41 = require("react/jsx-runtime");
 function InputWrapperScrollArea({
@@ -7563,7 +7578,7 @@ function InputWrapperScrollArea({
   componentsProps
 }) {
   const theme = import_core28.useRemoraidTheme();
-  const [isHovering, setIsHovering] = import_react26.useState(false);
+  const [isHovering, setIsHovering] = import_react27.useState(false);
   return /* @__PURE__ */ jsx_runtime41.jsx(import_core27.Input.Wrapper, {
     label,
     error,
@@ -7597,27 +7612,27 @@ function InputWrapperScrollArea({
   });
 }
 // src/jsonforms/renderers/AnyControl.tsx
-var import_react28 = require("@jsonforms/react");
+var import_react29 = require("@jsonforms/react");
 var import_core30 = require("@mantine/core");
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/jsonforms/components/FormOptionsProvider/index.tsx
-var import_react27 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
 var jsx_runtime42 = require("react/jsx-runtime");
 var defaultFormOptions = {
   withDescriptions: false,
   gutter: "md"
 };
-var formOptionsContext = import_react27.default.createContext({
+var formOptionsContext = import_react28.default.createContext({
   formOptions: defaultFormOptions,
   updateFormOptions: () => {}
 });
-var useFormOptions = () => import_react27.useContext(formOptionsContext);
+var useFormOptions = () => import_react28.useContext(formOptionsContext);
 function FormOptionsProvider({
   children,
   initialValue
 }) {
-  const [formOptions, setFormOptions] = import_react27.useState({
+  const [formOptions, setFormOptions] = import_react28.useState({
     ...defaultFormOptions,
     ...initialValue
   });
@@ -7644,8 +7659,8 @@ function PlainAnyControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  const [input, setInput] = import_react29.useState(JSON.stringify(data, null, theme.jsonStringifySpace));
-  const [error, setError] = import_react29.useState(false);
+  const [input, setInput] = import_react30.useState(JSON.stringify(data, null, theme.jsonStringifySpace));
+  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, {
@@ -7675,14 +7690,14 @@ function PlainAnyControl({
     })
   });
 }
-var AnyControl = import_react28.withJsonFormsControlProps(PlainAnyControl);
+var AnyControl = import_react29.withJsonFormsControlProps(PlainAnyControl);
 var AnyControl_default = AnyControl;
 
 // src/jsonforms/renderers/AnyOfControl.tsx
-var import_react30 = require("@jsonforms/react");
+var import_react31 = require("@jsonforms/react");
 var import_core31 = require("@jsonforms/core");
 var import_core32 = require("@mantine/core");
-var import_react31 = require("react");
+var import_react32 = require("react");
 var jsx_runtime44 = require("react/jsx-runtime");
 function PlainAnyOfControl({
   data,
@@ -7694,7 +7709,7 @@ function PlainAnyOfControl({
   rootSchema
 }) {
   const { formOptions } = useFormOptions();
-  const { core, renderers, cells } = import_react30.useJsonForms();
+  const { core, renderers, cells } = import_react31.useJsonForms();
   const inferType = (schema2) => {
     if (!schema2) {
       return;
@@ -7714,7 +7729,7 @@ function PlainAnyOfControl({
     }
     return;
   };
-  const options = import_react31.useMemo(() => {
+  const options = import_react32.useMemo(() => {
     const anyOf = schema.anyOf ?? [];
     return anyOf.map((opt, idx) => {
       const resolved = opt.$ref ? import_core31.Resolve.schema(rootSchema, opt.$ref, rootSchema) : opt;
@@ -7724,7 +7739,7 @@ function PlainAnyOfControl({
       return { original: opt, resolved, label: label2 };
     });
   }, [schema.anyOf, rootSchema]);
-  const isValidOptionIndex = import_react31.useMemo(() => {
+  const isValidOptionIndex = import_react32.useMemo(() => {
     return (optionIndex) => {
       if (!core?.ajv || data === undefined) {
         return false;
@@ -7733,7 +7748,7 @@ function PlainAnyOfControl({
       return validate(data);
     };
   }, [core?.ajv, data, options]);
-  const validOptionIndex = import_react31.useMemo(() => {
+  const validOptionIndex = import_react32.useMemo(() => {
     for (let i = 0;i < options.length; i++) {
       if (isValidOptionIndex(i)) {
         return i;
@@ -7741,7 +7756,7 @@ function PlainAnyOfControl({
     }
     return -1;
   }, [options, isValidOptionIndex]);
-  const [selectedOption, setSelectedOption] = import_react31.useState(validOptionIndex >= 0 ? String(validOptionIndex) : null);
+  const [selectedOption, setSelectedOption] = import_react32.useState(validOptionIndex >= 0 ? String(validOptionIndex) : null);
   const schemaDefaultValue = (opt) => {
     const t = opt.type ?? (opt.properties ? "object" : opt.items ? "array" : undefined);
     switch (t) {
@@ -7800,7 +7815,7 @@ function PlainAnyOfControl({
             variant: "default",
             mb: selectedOption !== null && inferType(selectedSchema) !== "null" ? formOptions.gutter : undefined
           }),
-          selectedOption !== null && /* @__PURE__ */ jsx_runtime44.jsx(import_react30.JsonForms, {
+          selectedOption !== null && /* @__PURE__ */ jsx_runtime44.jsx(import_react31.JsonForms, {
             schema: {
               ...selectedSchema,
               $schema: undefined
@@ -7818,11 +7833,11 @@ function PlainAnyOfControl({
     })
   });
 }
-var AnyOfControl = import_react30.withJsonFormsControlProps(PlainAnyOfControl);
+var AnyOfControl = import_react31.withJsonFormsControlProps(PlainAnyOfControl);
 var AnyOfControl_default = AnyOfControl;
 
 // src/jsonforms/renderers/ArrayControl.tsx
-var import_react32 = require("@jsonforms/react");
+var import_react33 = require("@jsonforms/react");
 var import_core33 = require("@mantine/core");
 var import_icons_react13 = require("@tabler/icons-react");
 var import_core34 = require("remoraid/core");
@@ -7832,7 +7847,7 @@ function PlainArrayControl(props) {
   const theme = import_core34.useRemoraidTheme();
   const { label, schema, data, handleChange, path, required } = props;
   const { formOptions } = useFormOptions();
-  const { renderers, cells } = import_react32.useJsonForms();
+  const { renderers, cells } = import_react33.useJsonForms();
   let schemaItems;
   if (schema.items && !Array.isArray(schema.items)) {
     schemaItems = {
@@ -7878,7 +7893,7 @@ function PlainArrayControl(props) {
                 children: [
                   /* @__PURE__ */ jsx_runtime45.jsx(import_core33.Box, {
                     flex: 1,
-                    children: /* @__PURE__ */ jsx_runtime45.jsx(import_react32.JsonForms, {
+                    children: /* @__PURE__ */ jsx_runtime45.jsx(import_react33.JsonForms, {
                       schema: schemaItems,
                       data: { item },
                       renderers: renderers ?? [],
@@ -7933,11 +7948,11 @@ function PlainArrayControl(props) {
     })
   });
 }
-var ArrayControl = import_react32.withJsonFormsControlProps(PlainArrayControl);
+var ArrayControl = import_react33.withJsonFormsControlProps(PlainArrayControl);
 var ArrayControl_default = ArrayControl;
 
 // src/jsonforms/renderers/CheckboxControl.tsx
-var import_react33 = require("@jsonforms/react");
+var import_react34 = require("@jsonforms/react");
 var import_core35 = require("@mantine/core");
 var jsx_runtime46 = require("react/jsx-runtime");
 function PlainCheckboxControl({
@@ -7963,11 +7978,11 @@ function PlainCheckboxControl({
     })
   });
 }
-var CheckboxControl = import_react33.withJsonFormsControlProps(PlainCheckboxControl);
+var CheckboxControl = import_react34.withJsonFormsControlProps(PlainCheckboxControl);
 var CheckboxControl_default = CheckboxControl;
 
 // src/jsonforms/renderers/NumberControl.tsx
-var import_react34 = require("@jsonforms/react");
+var import_react35 = require("@jsonforms/react");
 var import_core36 = require("@mantine/core");
 var jsx_runtime47 = require("react/jsx-runtime");
 function PlainNumberControl({
@@ -7997,14 +8012,14 @@ function PlainNumberControl({
     })
   });
 }
-var NumberControl = import_react34.withJsonFormsControlProps(PlainNumberControl);
+var NumberControl = import_react35.withJsonFormsControlProps(PlainNumberControl);
 var NumberControl_default = NumberControl;
 
 // src/jsonforms/renderers/ObjectControl.tsx
-var import_react35 = require("@jsonforms/react");
+var import_react36 = require("@jsonforms/react");
 var import_core37 = require("@mantine/core");
 var import_core38 = require("@jsonforms/core");
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_icons_react14 = require("@tabler/icons-react");
 var jsx_runtime48 = require("react/jsx-runtime");
 function PlainObjectControl({
@@ -8016,8 +8031,8 @@ function PlainObjectControl({
   required
 }) {
   const { formOptions } = useFormOptions();
-  const { renderers, cells } = import_react35.useJsonForms();
-  const [newKey, setNewKey] = import_react36.useState("");
+  const { renderers, cells } = import_react36.useJsonForms();
+  const [newKey, setNewKey] = import_react37.useState("");
   const hasProperties = schema.properties && Object.keys(schema.properties).length > 0;
   const hasAdditionalProperties = schema.additionalProperties === true || schema.additionalProperties !== undefined && Object.keys(schema.additionalProperties).length > 0;
   const label = labelProp !== "remoraid-array-item" ? labelProp : null;
@@ -8040,7 +8055,7 @@ function PlainObjectControl({
         justify: "flex-start",
         gap: formOptions.gutter,
         children: [
-          hasProperties && /* @__PURE__ */ jsx_runtime48.jsx(import_react35.JsonForms, {
+          hasProperties && /* @__PURE__ */ jsx_runtime48.jsx(import_react36.JsonForms, {
             schema: {
               ...schema,
               $schema: undefined
@@ -8068,7 +8083,7 @@ function PlainObjectControl({
                   children: [
                     /* @__PURE__ */ jsx_runtime48.jsx(import_core37.Box, {
                       flex: 1,
-                      children: /* @__PURE__ */ jsx_runtime48.jsx(import_react35.JsonForms, {
+                      children: /* @__PURE__ */ jsx_runtime48.jsx(import_react36.JsonForms, {
                         schema: {
                           ...schema.additionalProperties === true ? {} : schema.additionalProperties,
                           title: key,
@@ -8155,11 +8170,11 @@ function PlainObjectControl({
     })
   });
 }
-var ObjectControl = import_react35.withJsonFormsControlProps(PlainObjectControl);
+var ObjectControl = import_react36.withJsonFormsControlProps(PlainObjectControl);
 var ObjectControl_default = ObjectControl;
 
 // src/jsonforms/renderers/StringSelectControl.tsx
-var import_react37 = require("@jsonforms/react");
+var import_react38 = require("@jsonforms/react");
 var import_core40 = require("@mantine/core");
 var jsx_runtime49 = require("react/jsx-runtime");
 function PlainTimestampControl({
@@ -8188,7 +8203,7 @@ function PlainTimestampControl({
     })
   });
 }
-var TimestampControl = import_react37.withJsonFormsControlProps(PlainTimestampControl);
+var TimestampControl = import_react38.withJsonFormsControlProps(PlainTimestampControl);
 var StringSelectControl_default = TimestampControl;
 
 // src/jsonforms/renderers/testers/anyControlTesters.ts
@@ -8258,7 +8273,7 @@ var tester9 = import_core50.rankWith(2, import_core50.uiTypeIs("VerticalLayout")
 var verticalLayoutTester_default = tester9;
 
 // src/jsonforms/renderers/TextControl.tsx
-var import_react38 = require("@jsonforms/react");
+var import_react39 = require("@jsonforms/react");
 var import_core51 = require("@mantine/core");
 var jsx_runtime50 = require("react/jsx-runtime");
 function PlainTextControl({
@@ -8286,11 +8301,11 @@ function PlainTextControl({
     })
   });
 }
-var TextControl = import_react38.withJsonFormsControlProps(PlainTextControl);
+var TextControl = import_react39.withJsonFormsControlProps(PlainTextControl);
 var TextControl_default = TextControl;
 
 // src/jsonforms/renderers/TimestampControl.tsx
-var import_react39 = require("@jsonforms/react");
+var import_react40 = require("@jsonforms/react");
 var import_dates = require("@mantine/dates");
 var jsx_runtime51 = require("react/jsx-runtime");
 function PlainTimestampControl2({
@@ -8320,13 +8335,13 @@ function PlainTimestampControl2({
     })
   });
 }
-var TimestampControl2 = import_react39.withJsonFormsControlProps(PlainTimestampControl2);
+var TimestampControl2 = import_react40.withJsonFormsControlProps(PlainTimestampControl2);
 var TimestampControl_default = TimestampControl2;
 
 // src/jsonforms/renderers/VerticalLayout.tsx
-var import_react40 = __toESM(require("react"));
-var import_react41 = require("@jsonforms/react");
+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");
 "use client";
 var JsonFormsLayout = ({
@@ -8341,14 +8356,14 @@ var JsonFormsLayout = ({
   });
 };
 var renderChildren = (layout, schema, className, path, enabled) => {
-  const { renderers, cells } = import_react42.useJsonForms();
+  const { renderers, cells } = import_react43.useJsonForms();
   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", {
       className,
       style: { marginTop: index === 0 ? 0 : gutter },
-      children: /* @__PURE__ */ jsx_runtime52.jsx(import_react42.JsonFormsDispatch, {
+      children: /* @__PURE__ */ jsx_runtime52.jsx(import_react43.JsonFormsDispatch, {
         renderers,
         cells,
         uischema: child,
@@ -8365,7 +8380,7 @@ var VerticalLayoutRenderer = (props) => {
     ...otherProps
   });
 };
-var VerticalLayoutRendererComponent = import_react40.default.memo(function VerticalLayoutRendererComponent2({
+var VerticalLayoutRendererComponent = import_react41.default.memo(function VerticalLayoutRendererComponent2({
   schema,
   uischema,
   path,
@@ -8385,7 +8400,7 @@ var VerticalLayoutRendererComponent = import_react40.default.memo(function Verti
     children: renderChildren(verticalLayout, schema, childClassNames, path, enabled)
   });
 });
-var VerticalLayout = import_react41.withJsonFormsLayoutProps(VerticalLayoutRenderer, false);
+var VerticalLayout = import_react42.withJsonFormsLayoutProps(VerticalLayoutRenderer, false);
 var VerticalLayout_default = VerticalLayout;
 
 // src/jsonforms/renderers/index.ts

package/dist/jsonforms/index.js

@@ -5712,6 +5712,7 @@ var useLayouts = () => {
 import { jsx as jsx7 } from "react/jsx-runtime";
 // src/core/components/AppShell/index.tsx
 import { Box as Box5 } from "@mantine/core";
+import { useEffect as useEffect4 } from "react";
 
 // src/core/components/AppShell/AppProvider/index.tsx
 var import_lodash4 = __toESM(require_lodash(), 1);
@@ -6382,8 +6383,8 @@ function NavbarMinimalContent({
       target: /* @__PURE__ */ jsx16(RemoraidButton, {
         label: "Static elements",
         icon: IconDots,
-        responsive: buttonResponsive,
-        collapsed: buttonCollapsed,
+        responsive: orientation === "vertical" /* Vertical */ ? buttonResponsive : false,
+        collapsed: orientation === "vertical" /* Vertical */ ? buttonCollapsed : true,
         clickTransformation: buttonClickTransformation,
         ...componentsProps?.button,
         componentsProps: import_lodash8.merge({
@@ -6847,7 +6848,7 @@ var getDefaultNavigationElements = ({
     }
   }
 ];
-function Navbar({ componentsProps }) {
+function Navbar2({ componentsProps }) {
   const { navbarVariant } = useRemoraidApp();
   if (navbarVariant === "minimal" /* Minimal */) {
     return /* @__PURE__ */ jsx21(NavbarMinimal, {
@@ -6856,7 +6857,7 @@ function Navbar({ componentsProps }) {
   }
   return null;
 }
-var Navbar_default = Object.assign(Navbar, {
+var Navbar_default = Object.assign(Navbar2, {
   NavbarMinimal
 });
 
@@ -6926,6 +6927,20 @@ function AppShell({
   children
 }) {
   const theme = useRemoraidTheme();
+  const { colorScheme } = useHydratedMantineColorScheme();
+  useEffect4(() => {
+    let meta = document.querySelector('meta[name="theme-color"]');
+    if (!meta) {
+      meta = document.createElement("meta");
+      meta.name = "theme-color";
+      document.head.appendChild(meta);
+    }
+    const { backgroundColor: computedBodyColor } = getComputedStyle(document.body);
+    if (!computedBodyColor) {
+      return;
+    }
+    meta.content = computedBodyColor;
+  }, [colorScheme]);
   return /* @__PURE__ */ jsx23(AppProvider, {
     appContext: appContext2,
     ...componentsProps?.AppProvider,
@@ -6933,7 +6948,7 @@ function AppShell({
       ...componentsProps?.AppShellUserExperienceProvider,
       initialValue: import_lodash13.merge(initialUserExperience, componentsProps?.AppShellUserExperienceProvider?.initialValue),
       children: /* @__PURE__ */ jsx23(Box5, {
-        h: "100vh",
+        h: "100dvh",
         ...componentsProps?.container,
         children: /* @__PURE__ */ jsxs7(FrameLayout_default, {
           layoutId: remoraidAppShellLayoutId,
@@ -6972,7 +6987,7 @@ import {
 import { Stack as Stack3 } from "@mantine/core";
 import React7, {
   useContext as useContext10,
-  useEffect as useEffect4
+  useEffect as useEffect5
 } from "react";
 import { usePathname as usePathname3 } from "next/navigation";
 import { jsx as jsx24 } from "react/jsx-runtime";
@@ -6983,7 +6998,7 @@ var usePage = () => {
 
 // src/core/components/WidgetSelectionHeader/index.tsx
 import { IconCheck, IconFocus, IconNavigation } from "@tabler/icons-react";
-import { useEffect as useEffect5, useRef as useRef3, useState as useState8 } from "react";
+import { useEffect as useEffect6, useRef as useRef3, useState as useState8 } from "react";
 
 // src/core/components/ScrollableChipGroup/index.tsx
 import {
@@ -7162,7 +7177,7 @@ function AlertMinimal({
 import { Paper as Paper3, Transition as Transition8 } from "@mantine/core";
 import {
   useCallback as useCallback2,
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useRef as useRef4,
   useState as useState9
 } from "react";
@@ -7299,7 +7314,7 @@ function WidgetWrapper({
       children: element
     });
   }
-  useEffect6(() => {
+  useEffect7(() => {
     if (!page) {
       return;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remoraid",
-  "version": "2.42.1",
+  "version": "2.43.2",
   "author": "Konrad Goldammer",
   "repository": {
     "type": "git",
@@ -15,7 +15,7 @@
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.6",
     "bun-dts": "^0.1.22",
-    "next": "^15.3.1",
+    "next": "16.0.3",
     "react": "^19.1.0",
     "react-cookie": "^8.0.1"
   },
@@ -23,7 +23,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-cookie": "^8.0.1",
-    "next": "^15.3.1",
+    "next": "16.0.3",
     "@mantine/core": "^7.17.4",
     "@mantine/hooks": "^7.17.4",
     "@mantine/dates": "7.17.4",