remoraid 2.45.0 → 3.3.2

package/dist/jsonforms/index.js

@@ -4070,7 +4070,7 @@ var require_lodash = __commonJS((exports, module) => {
         customizer = typeof customizer == "function" ? customizer : undefined2;
         return baseIsMatch(object, source, getMatchData(source), customizer);
       }
-      function isNaN2(value) {
+      function isNaN(value) {
         return isNumber(value) && value != +value;
       }
       function isNative(value) {
@@ -5160,7 +5160,7 @@ __p += '`;
       lodash.isMap = isMap;
       lodash.isMatch = isMatch;
       lodash.isMatchWith = isMatchWith;
-      lodash.isNaN = isNaN2;
+      lodash.isNaN = isNaN;
       lodash.isNative = isNative;
       lodash.isNil = isNil;
       lodash.isNull = isNull;
@@ -5433,2295 +5433,46 @@ __p += '`;
   }).call(exports);
 });
 
-// src/core/components/RemoraidProvider/WidgetsProvider/index.tsx
-var import_lodash = __toESM(require_lodash(), 1);
-import React2, {
-  useState,
-  useContext
-} from "react";
-import { jsx } from "react/jsx-runtime";
-var widgetsContext = React2.createContext({
-  widgets: {},
-  activeWidget: null,
-  updateActiveWidget: () => {},
-  registerWidget: () => {},
-  registerPage: () => {},
-  isWidgetRegistered: () => false,
-  isPageRegistered: () => false,
-  updateWidgetSelection: () => {},
-  updateWidgetSelectionBulk: () => {},
-  isWidgetSelected: () => false,
-  hideWidget: () => {}
-});
-var useWidgets = () => {
-  return useContext(widgetsContext);
-};
-
-// src/core/lib/utils.ts
-import {
-  isValidElement
-} from "react";
-var co = (condition, value, fallback) => condition(value) ? value : fallback;
-var isValidElementOfType = (type, value) => {
-  return isValidElement(value) && value.type === type;
-};
-var getElementTypeName = (type) => {
-  if (typeof type === "string") {
-    return type;
-  }
-  if (typeof type === "function") {
-    return type.displayName ?? type.name ?? "anonymous component";
-  }
-  return "unknown";
-};
-var asElementOfType = (type, element, additionalErrorMessage) => {
-  if (isValidElementOfType(type, element)) {
-    return element;
-  }
-  throw new TypeError(`Expected React element of type ${getElementTypeName(type)}, but received type: ${getElementTypeName(element.type)}.${additionalErrorMessage !== undefined && additionalErrorMessage.length > 0 ? ` ${additionalErrorMessage}` : ""}`);
-};
-var asChildrenOfType = (type, children, additionalErrorMessage) => {
-  if (children === undefined || children === null) {
-    return children;
-  }
-  if (Array.isArray(children)) {
-    return children.map((child) => asChildrenOfType(type, child, additionalErrorMessage));
-  }
-  return asElementOfType(type, children, additionalErrorMessage);
-};
-var asElementOrPropsOfType = (type, elementOrProps, additionalErrorMessage) => {
-  if (isValidElement(elementOrProps)) {
-    return asElementOfType(type, elementOrProps, additionalErrorMessage);
-  }
-  return elementOrProps;
-};
-var getDefaultButtonIconSize = (buttonSize) => {
-  if (buttonSize === "xs") {
-    return "extraSmall" /* ExtraSmall */;
-  }
-  if (buttonSize === "sm") {
-    return "small" /* Small */;
-  }
-  if (buttonSize === "md") {
-    return "medium" /* Medium */;
-  }
-  if (buttonSize === "lg") {
-    return "large" /* Large */;
-  }
-  return "large" /* Large */;
-};
-
-// src/core/components/RemoraidProvider/ThemeProvider/index.tsx
-import { px, rgba, useMantineTheme } from "@mantine/core";
-import {
-  IconAlertCircle,
-  IconCircleCheck,
-  IconInfoCircle
-} from "@tabler/icons-react";
-import React3, {
-  useContext as useContext3,
-  useMemo as useMemo2,
-  useLayoutEffect
-} from "react";
-
-// src/core/components/RemoraidProvider/HydrationStatusProvider/index.tsx
-import { useMantineColorScheme } from "@mantine/core";
-import {
-  createContext,
-  useContext as useContext2,
-  useEffect,
-  useMemo,
-  useState as useState2
-} from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var defaultHydrationStatus = {
-  hasHydrated: false,
-  ensureHydration: () => {
-    return;
-  }
-};
-var hydrationStatusContext = createContext(defaultHydrationStatus);
-var useHydrationStatus = () => {
-  return useContext2(hydrationStatusContext);
-};
-var useHydratedMantineColorScheme = () => {
-  const { ensureHydration } = useHydrationStatus();
-  return ensureHydration(useMantineColorScheme()) ?? {};
-};
-
-// src/core/components/RemoraidProvider/ThemeProvider/index.tsx
-var import_lodash2 = __toESM(require_lodash(), 1);
-import { jsx as jsx3 } from "react/jsx-runtime";
-var defaultTransitionDurations = {
-  ["short" /* Short */]: 200,
-  ["medium" /* Medium */]: 350,
-  ["long" /* Long */]: 500
-};
-var createRemoraidTheme = (customTheme, dependencies) => {
-  const { mantineTheme, colorScheme } = dependencies ?? {};
-  const transitionDurations = import_lodash2.merge(defaultTransitionDurations, customTheme?.transitionDurations);
-  const transparentBackground = customTheme?.transparentBackground ?? (mantineTheme && colorScheme ? colorScheme === "dark" ? rgba(mantineTheme.colors.dark[8], 0.8) : rgba(mantineTheme.white, 0.8) : undefined);
-  let spacingPx;
-  if (mantineTheme && colorScheme) {
-    spacingPx = {
-      xs: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.xs)), 0)),
-      sm: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.sm)), 0)),
-      md: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.md)), 0)),
-      lg: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.lg)), 0)),
-      xl: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.xl)), 0))
-    };
-  }
-  const defaultTheme = {
-    bodyColor: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-9))",
-    containerSize: 1300,
-    jsonStringifySpace: 2,
-    transparentBackground,
-    spacingPx,
-    transitionDurations,
-    breakpoints: {
-      ["buttonCollapse" /* ButtonCollapse */]: "md",
-      ["badgeGroupCollapse" /* BadgeGroupCollapse */]: "md",
-      ["navbarStaticElementsCollapse" /* NavbarStaticElementsCollapse */]: "xs"
-    },
-    primaryGutter: "md",
-    componentsProps: {
-      alerts: {
-        ["negative" /* Negative */]: {
-          icon: IconAlertCircle,
-          color: "red",
-          title: "Attention!"
-        },
-        ["neutral" /* Neutral */]: {
-          icon: IconInfoCircle,
-          color: mantineTheme?.primaryColor,
-          title: "Information"
-        },
-        ["positive" /* Positive */]: {
-          icon: IconCircleCheck,
-          color: "green",
-          title: "Success"
-        }
-      },
-      icons: {
-        ["tiny" /* Tiny */]: { size: 12, stroke: 2.6 },
-        ["extraSmall" /* ExtraSmall */]: { size: 16, stroke: 2.3 },
-        ["small" /* Small */]: { size: 20, stroke: 2 },
-        ["medium" /* Medium */]: { size: 24, stroke: 1.7 },
-        ["large" /* Large */]: { size: 28, stroke: 1.7 },
-        ["huge" /* Huge */]: { size: 44, stroke: 1.7 }
-      }
-    }
-  };
-  return import_lodash2.merge(defaultTheme, customTheme);
-};
-var themeContext = React3.createContext(createRemoraidTheme());
-var useRemoraidTheme = () => {
-  return useContext3(themeContext);
-};
-
-// src/core/components/RemoraidProvider/index.tsx
-import { CookiesProvider } from "react-cookie";
-
-// src/core/components/RemoraidProvider/CoreUserExperienceProvider/index.tsx
-import { useContext as useContext4 } from "react";
-
-// src/core/components/UserExperienceProviderWrapper/index.tsx
-var import_lodash3 = __toESM(require_lodash(), 1);
-import {
-  createContext as createContext2,
-  useEffect as useEffect2,
-  useState as useState3
-} from "react";
-import { useCookies } from "react-cookie";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var createUserExperienceContext = (defaultUserExperience) => createContext2({
-  userExperience: defaultUserExperience,
-  updateUserExperience: () => {},
-  processedCookie: false,
-  initialUserExperience: defaultUserExperience
-});
-function UserExperienceProviderWrapper({
-  children,
-  context,
-  cookieName,
-  defaultUserExperience,
-  isValidUserExperience,
-  initialValue
-}) {
-  const [cookies, setCookie] = useCookies();
-  const initialUserExperience = import_lodash3.mergeWith({}, defaultUserExperience, initialValue, (_objValue, srcValue) => {
-    if (Array.isArray(srcValue)) {
-      return [...srcValue];
-    }
-    return;
-  });
-  const [userExperience, setUserExperience] = useState3(initialUserExperience);
-  const [processedCookie, setProcessedCookie] = useState3(false);
-  const updateUserExperience = (p) => {
-    const updatedUserExperience = typeof p === "function" ? p(userExperience) : p;
-    setCookie(cookieName, updatedUserExperience, { path: "/" });
-    setUserExperience(updatedUserExperience);
-  };
-  useEffect2(() => {
-    const userExperienceCookie = cookies[cookieName];
-    if (userExperienceCookie && isValidUserExperience(userExperienceCookie)) {
-      setUserExperience(userExperienceCookie);
-    }
-    if (cookies && !processedCookie) {
-      setProcessedCookie(true);
-    }
-  }, [cookies]);
-  return /* @__PURE__ */ jsx4(context.Provider, {
-    value: {
-      userExperience,
-      updateUserExperience,
-      processedCookie,
-      initialUserExperience
-    },
-    children
-  });
-}
-
-// src/core/components/RemoraidProvider/CoreUserExperienceProvider/index.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var defaultUserExperience = {
-  showWelcomeMessage: true,
-  navbar: { hiddenPages: [], mode: "responsive" /* Responsive */ }
-};
-var coreUserExperienceContext = createUserExperienceContext(defaultUserExperience);
-
-// src/core/components/RemoraidProvider/LayoutsProvider/index.tsx
-import {
-  createContext as createContext3,
-  useContext as useContext5,
-  useState as useState4
-} from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var defaultLayoutsContext = {
-  layouts: {},
-  setLayouts: () => {}
-};
-var layoutsContext = createContext3(defaultLayoutsContext);
-var useLayouts = () => {
-  return useContext5(layoutsContext);
-};
-
-// src/core/components/RemoraidProvider/RouterProvider/index.tsx
-import {
-  createContext as createContext4,
-  useContext as useContext6
-} from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var defaultRouter = {
-  pathname: "/",
-  push: () => {}
-};
-var routerContext = createContext4(defaultRouter);
-var useRemoraidRouter = () => {
-  return useContext6(routerContext);
-};
-
-// src/core/components/RemoraidProvider/index.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-// src/core/components/AppShell/index.tsx
-import { Box as Box5 } from "@mantine/core";
-import { useEffect as useEffect4 } from "react";
-
-// src/core/components/AppShell/AppProvider/index.tsx
-var import_lodash4 = __toESM(require_lodash(), 1);
-import { createContext as createContext5, useContext as useContext7 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var defaultAppContext = {
-  name: "Hello, World!",
-  nav: [],
-  navbarVariant: "minimal" /* Minimal */,
-  footerVariant: "minimal" /* Minimal */,
-  navbarMobileVariant: null
-};
-var appContext = createContext5(defaultAppContext);
-var useRemoraidApp = () => {
-  return useContext7(appContext);
-};
-function AppProvider({
-  appContext: appContextProp,
-  children
-}) {
-  const { logo, ...appContextPropWithoutLogo } = appContextProp;
-  return /* @__PURE__ */ jsx9(appContext.Provider, {
-    value: { ...import_lodash4.merge(defaultAppContext, appContextPropWithoutLogo), logo },
-    children
-  });
-}
-
-// src/core/components/AppShell/index.tsx
-var import_lodash13 = __toESM(require_lodash(), 1);
-
-// src/core/components/AppShell/AppShellUserExperienceProvider/index.tsx
-var import_lodash12 = __toESM(require_lodash(), 1);
-import { useContext as useContext10 } from "react";
-
-// src/core/components/AppShell/Footer/FooterMinimal/index.tsx
-import { Center } from "@mantine/core";
-import { IconPennant } from "@tabler/icons-react";
-var import_lodash6 = __toESM(require_lodash(), 1);
-
-// src/core/components/Page/PageContainer/index.tsx
-import { Container } from "@mantine/core";
-
-// node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if (typeof e == "string" || typeof e == "number")
-    n += e;
-  else if (typeof e == "object")
-    if (Array.isArray(e)) {
-      var o = e.length;
-      for (t = 0;t < o; t++)
-        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-    } else
-      for (f in e)
-        e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length;f < o; f++)
-    (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-var clsx_default = clsx;
-
-// src/core/components/Page/PageContainer/index.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-function PageContainer({
-  children,
-  p = 0,
-  hidden = false,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx10(Container, {
-    size: theme.containerSize,
-    p,
-    w: "100%",
-    "data-hidden": hidden,
-    ...componentsProps?.container,
-    className: clsx_default("remoraid-page-container", componentsProps?.container?.className),
-    children
-  });
-}
-
-// src/core/components/FrameLayout/index.tsx
-import {
-  Group,
-  ScrollArea,
-  Stack
-} from "@mantine/core";
-import {
-  createContext as createContext7,
-  useCallback,
-  useContext as useContext9,
-  useMemo as useMemo3
-} from "react";
-
-// src/core/components/FrameLayout/Element/index.tsx
-import { createContext as createContext6, useContext as useContext8 } from "react";
-import { Box, Portal } from "@mantine/core";
-
-// src/core/lib/errors.ts
-class InvalidComponentUsageError extends Error {
-  constructor(component, rule) {
-    super(`Invalid usage of '${component}': ${rule}`);
-    this.name = "InvalidComponentUsageError";
-  }
-}
-
-// src/core/components/FrameLayout/Element/index.tsx
-var import_lodash5 = __toESM(require_lodash(), 1);
-import { jsx as jsx11 } from "react/jsx-runtime";
-var layoutElementContext = createContext6(null);
-var useFrameLayoutElement = () => {
-  return useContext8(layoutElementContext);
-};
-function Element2({
-  section,
-  includeContainer = true,
-  includePageContainer = false,
-  layoutId,
-  hidden = false,
-  componentsProps,
-  children
-}) {
-  const { layouts } = useLayouts();
-  const closestLayout = useFrameLayout();
-  if (!closestLayout) {
-    throw new InvalidComponentUsageError("FrameLayout.Element", "must be used as child of 'FrameLayout'.");
-  }
-  const layout = layouts[layoutId ?? closestLayout.layoutId];
-  if (!layout) {
-    return null;
-  }
-  if (layout.type !== "frame" /* Frame */) {
-    throw new TypeError("Prop 'layoutId' in 'FrameLayout.Element' must refer to a valid 'FrameLayout' component. Leave 'layoutId' undefined, if you want to use the closest 'FrameLayout' as reference layout.");
-  }
-  if (!layout.sections[section]) {
-    return null;
-  }
-  let containerProps = {};
-  if (section === "left" /* Left */ || section === "right" /* Right */) {
-    containerProps.h = "100%";
-  }
-  const element = includePageContainer ? /* @__PURE__ */ jsx11(PageContainer, {
-    p: 0,
-    hidden,
-    ...componentsProps?.PageContainer,
-    children
-  }) : children;
-  return /* @__PURE__ */ jsx11(Portal, {
-    target: layout.sections[section],
-    children: /* @__PURE__ */ jsx11(layoutElementContext.Provider, {
-      value: { layoutType: "frame" /* Frame */, section },
-      children: includeContainer ? /* @__PURE__ */ jsx11(Box, {
-        "data-hidden": hidden,
-        ...import_lodash5.merge(containerProps, componentsProps?.container),
-        className: clsx_default("remoraid-frame-layout-element", containerProps?.className, componentsProps?.container?.className),
-        children: element
-      }) : element
-    })
-  });
-}
-
-// src/core/components/FrameLayout/index.tsx
-import { jsx as jsx12, jsxs } from "react/jsx-runtime";
-var layoutContext = createContext7(null);
-var useFrameLayout = () => {
-  return useContext9(layoutContext);
-};
-function FrameLayout({
-  layoutId,
-  includeScrollArea = true,
-  gutter = 0,
-  componentsProps,
-  children
-}) {
-  const { layouts, setLayouts } = useLayouts();
-  const layout = layouts[layoutId];
-  const defaultSections = useMemo3(() => ({
-    ["bottom" /* Bottom */]: null,
-    ["right" /* Right */]: null,
-    ["top" /* Top */]: null,
-    ["left" /* Left */]: null,
-    ["content" /* Content */]: null
-  }), []);
-  const setSections = useCallback((value) => {
-    setLayouts((prev) => ({
-      ...prev,
-      [layoutId]: {
-        type: "frame" /* Frame */,
-        sections: typeof value === "function" ? value(prev[layoutId]?.sections ?? defaultSections) : value
-      }
-    }));
-  }, [layoutId, setLayouts, defaultSections]);
-  const topSectionRef = useCallback((n) => {
-    setSections((prev) => ({
-      ...prev,
-      ["top" /* Top */]: n
-    }));
-  }, [setSections]);
-  const bottomSectionRef = useCallback((n) => {
-    setSections((prev) => ({
-      ...prev,
-      ["bottom" /* Bottom */]: n
-    }));
-  }, [setSections]);
-  const leftSectionRef = useCallback((n) => {
-    setSections((prev) => ({
-      ...prev,
-      ["left" /* Left */]: n
-    }));
-  }, [setSections]);
-  const rightSectionRef = useCallback((n) => {
-    setSections((prev) => ({
-      ...prev,
-      ["right" /* Right */]: n
-    }));
-  }, [setSections]);
-  const contentSectionRef = useCallback((n) => {
-    setSections((prev) => ({
-      ...prev,
-      ["content" /* Content */]: n
-    }));
-  }, [setSections]);
-  const contentSection = /* @__PURE__ */ jsx12(Stack, {
-    ref: contentSectionRef,
-    h: "100%",
-    gap: gutter,
-    flex: 1,
-    ...componentsProps?.sectionContainers?.["content" /* Content */],
-    className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-content-section", componentsProps?.sectionContainers?.["content" /* Content */]?.className),
-    children
-  });
-  const layoutContextValue = useMemo3(() => ({
-    type: "frame" /* Frame */,
-    sections: defaultSections,
-    ...layout,
-    layoutId
-  }), [layout?.sections, defaultSections, layoutId]);
-  return /* @__PURE__ */ jsx12(layoutContext.Provider, {
-    value: layoutContextValue,
-    children: /* @__PURE__ */ jsxs(Group, {
-      gap: 0,
-      h: "100%",
-      w: "100%",
-      wrap: "nowrap",
-      ...componentsProps?.horizontalContainer,
-      style: {
-        "--remoraid-frame-layout-gutter": typeof gutter === "string" ? `var(--mantine-spacing-${gutter})` : `${gutter}px`
-      },
-      className: clsx_default("remoraid-frame-layout", componentsProps?.horizontalContainer?.className),
-      children: [
-        /* @__PURE__ */ jsx12(Group, {
-          ref: leftSectionRef,
-          h: "100%",
-          wrap: "nowrap",
-          gap: gutter,
-          pr: 0,
-          ...componentsProps?.sectionContainers?.["left" /* Left */],
-          className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-left-section", componentsProps?.sectionContainers?.["left" /* Left */]?.className)
-        }),
-        /* @__PURE__ */ jsxs(Stack, {
-          h: "100%",
-          flex: 1,
-          gap: 0,
-          ...componentsProps?.verticalContainer,
-          className: clsx_default("remoraid-frame-layout-vertical-container", componentsProps?.verticalContainer?.className),
-          children: [
-            /* @__PURE__ */ jsx12(Stack, {
-              ref: topSectionRef,
-              gap: gutter,
-              flex: 0,
-              ...componentsProps?.sectionContainers?.["top" /* Top */],
-              className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-top-section", componentsProps?.sectionContainers?.["top" /* Top */]?.className)
-            }),
-            includeScrollArea ? /* @__PURE__ */ jsx12(ScrollArea, {
-              flex: 1,
-              ...componentsProps?.ScrollArea,
-              children: contentSection
-            }) : contentSection,
-            /* @__PURE__ */ jsx12(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)
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsx12(Group, {
-          ref: rightSectionRef,
-          h: "100%",
-          gap: gutter,
-          pl: 0,
-          wrap: "nowrap",
-          ...componentsProps?.sectionContainers?.["right" /* Right */],
-          className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-right-section", componentsProps?.sectionContainers?.["right" /* Right */]?.className)
-        })
-      ]
-    })
-  });
-}
-var FrameLayout_default = Object.assign(FrameLayout, {
-  Element: Element2
-});
-
-// src/core/components/AppShell/Footer/FooterMinimal/index.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-function FooterMinimal({
-  icon: Icon2 = IconPennant,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme();
-  const {
-    userExperience: {
-      footer: { position }
-    }
-  } = useAppShellUserExperience();
-  const content = /* @__PURE__ */ jsx13(PageContainer, {
-    ...componentsProps?.container,
-    children: /* @__PURE__ */ jsx13(Center, {
-      children: /* @__PURE__ */ jsx13(Icon2, {
-        color: "var(--mantine-color-default-border)",
-        ...theme.componentsProps.icons.huge,
-        ...componentsProps?.icon
-      })
-    })
-  });
-  if (position === "bottom" /* Bottom */) {
-    return /* @__PURE__ */ jsx13(FrameLayout_default.Element, {
-      section: position,
-      includeContainer: true,
-      ...componentsProps?.layoutElement,
-      componentsProps: import_lodash6.merge({ container: { style: { order: -50 } } }, componentsProps?.layoutElement?.componentsProps),
-      children: content
-    });
-  }
-  if (position === "content" /* Content */) {
-    return content;
-  }
-  return null;
-}
-
-// src/core/components/AppShell/Footer/index.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-var supportedFooterPositions = {
-  ["minimal" /* Minimal */]: [
-    null,
-    "bottom" /* Bottom */,
-    "content" /* Content */
-  ]
-};
-var defaultFooterPositions = {
-  ["minimal" /* Minimal */]: "content" /* Content */
-};
-function Footer({ componentsProps }) {
-  const { footerVariant } = useRemoraidApp();
-  if (footerVariant === "minimal" /* Minimal */) {
-    return /* @__PURE__ */ jsx14(FooterMinimal, {
-      ...componentsProps?.FooterMinimal
-    });
-  }
-  return null;
-}
-var Footer_default = Object.assign(Footer, {
-  FooterMinimal
-});
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/index.tsx
-import { useState as useState7 } from "react";
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/index.tsx
-import {
-  Box as Box3,
-  Group as Group2,
-  Paper,
-  ScrollArea as ScrollArea2,
-  Stack as Stack2
-} from "@mantine/core";
-var import_lodash8 = __toESM(require_lodash(), 1);
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/NavigationMenu/index.tsx
-import {
-  Box as Box2,
-  Menu,
-  Transition,
-  useMantineTheme as useMantineTheme2
-} from "@mantine/core";
-import { isValidElement as isValidElement2 } from "react";
-import { jsx as jsx15, jsxs as jsxs2 } from "react/jsx-runtime";
-function NavigationMenu({
-  target,
-  elements,
-  label,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme();
-  const mantineTheme = useMantineTheme2();
-  const router = useRemoraidRouter();
-  const { pathname } = router;
-  const item = (element) => /* @__PURE__ */ jsx15(Transition, {
-    mounted: element.mounted ?? true,
-    ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx15(Menu.Item, {
-      leftSection: element.icon ? /* @__PURE__ */ jsx15(element.icon, {
-        ...theme.componentsProps.icons.small
-      }) : undefined,
-      c: element.type === "anchor" /* Anchor */ && element.href === pathname ? mantineTheme.primaryColor : undefined,
-      onClick: (e) => {
-        if (element.type === "anchor" /* Anchor */) {
-          router.push(element.href);
-        }
-        if (element.type === "button" /* Button */) {
-          element.onClick(e);
-        }
-      },
-      style: transitionStyle,
-      children: element.label
-    })
-  });
-  const targetElement = isValidElement2(target) ? target : item(target);
-  if (elements === undefined || elements.length === 0) {
-    return targetElement;
-  }
-  return /* @__PURE__ */ jsxs2(Menu, {
-    trigger: "click-hover",
-    ...componentsProps?.Menu,
-    children: [
-      /* @__PURE__ */ jsx15(Menu.Target, {
-        children: /* @__PURE__ */ jsx15(Box2, {
-          children: targetElement
-        })
-      }),
-      /* @__PURE__ */ jsxs2(Menu.Dropdown, {
-        children: [
-          label !== undefined && /* @__PURE__ */ jsx15(Menu.Label, {
-            children: label
-          }),
-          elements.map((element, i) => /* @__PURE__ */ jsx15(NavigationMenu, {
-            target: item(element),
-            elements: element.children,
-            componentsProps
-          }, `navigation-menu-${i}`))
-        ]
-      })
-    ]
-  });
-}
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/index.tsx
-import { IconDots } from "@tabler/icons-react";
-
-// src/core/components/RemoraidButton/index.tsx
-var import_lodash7 = __toESM(require_lodash(), 1);
-import {
-  ActionIcon,
-  Button,
-  Tooltip,
-  Transition as Transition2
-} from "@mantine/core";
-import { IconClick } from "@tabler/icons-react";
-import {
-  isValidElement as isValidElement3
-} from "react";
-import { jsx as jsx16, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
-var defaultRemoraidButtonSize = "sm";
-function RemoraidButton({
-  label,
-  responsive: responsiveProp,
-  breakpoint: breakpointProp,
-  collapsed: collapsedProp,
-  size = defaultRemoraidButtonSize,
-  color,
-  onClick,
-  loading,
-  variant = "default",
-  mounted = true,
-  icon: iconProp,
-  iconSize: iconSizeProp,
-  clickTransformation = "default" /* Default */,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme();
-  const responsive = responsiveProp ?? true;
-  const breakpoint = breakpointProp ?? theme.breakpoints.buttonCollapse;
-  const collapsed = collapsedProp ?? false;
-  const iconSize = iconSizeProp ?? getDefaultButtonIconSize(size);
-  const Icon3 = iconProp ?? IconClick;
-  const iconElement = isValidElement3(Icon3) ? Icon3 : /* @__PURE__ */ jsx16(Icon3, {
-    ...import_lodash7.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
-  });
-  const clickTransformationClassNames = {
-    ["default" /* Default */]: null,
-    ["none" /* None */]: "remoraid-button-none",
-    ["scale" /* Scale */]: "remoraid-button-scale",
-    ["tiltDown" /* TiltDown */]: "remoraid-button-tilt-down",
-    ["tiltUp" /* TiltUp */]: "remoraid-button-tilt-up",
-    ["tiltLeft" /* TiltLeft */]: "remoraid-button-tilt-left",
-    ["tiltRight" /* TiltRight */]: "remoraid-button-tilt-right"
-  };
-  const clickTransformationClass = clickTransformationClassNames[clickTransformation];
-  return /* @__PURE__ */ jsx16(Transition2, {
-    mounted,
-    transition: "fade",
-    duration: theme.transitionDurations.short,
-    timingFunction: "ease",
-    ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsxs3(Fragment, {
-      children: [
-        /* @__PURE__ */ jsx16(Tooltip, {
-          label,
-          ...componentsProps?.tooltip,
-          children: /* @__PURE__ */ jsx16(ActionIcon, {
-            "aria-label": label,
-            variant,
-            onClick,
-            loading,
-            size: size ? `input-${size}` : "input-sm",
-            color,
-            ...componentsProps?.button,
-            ...componentsProps?.ActionIcon,
-            hiddenFrom: !responsive ? undefined : breakpoint,
-            display: !responsive && !collapsed ? "none" : componentsProps?.ActionIcon?.display ?? componentsProps?.button?.display,
-            style: import_lodash7.merge(transitionStyle, componentsProps?.button?.style, componentsProps?.ActionIcon?.style),
-            className: clsx_default(clickTransformationClass, componentsProps?.ActionIcon?.className, componentsProps?.button?.className),
-            children: iconElement
-          })
-        }),
-        /* @__PURE__ */ jsx16(Button, {
-          onClick,
-          loading,
-          variant,
-          size,
-          color,
-          leftSection: iconProp !== undefined ? iconElement : undefined,
-          ...componentsProps?.button,
-          ...componentsProps?.Button,
-          visibleFrom: !responsive ? undefined : breakpoint,
-          display: !responsive && collapsed ? "none" : componentsProps?.Button?.display ?? componentsProps?.button?.display,
-          style: import_lodash7.merge(transitionStyle, componentsProps?.button?.style, componentsProps?.Button?.style),
-          className: clsx_default(clickTransformationClass, componentsProps?.Button?.className, componentsProps?.button?.className),
-          children: label
-        })
-      ]
-    })
-  });
-}
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/index.tsx
-import { jsx as jsx17, jsxs as jsxs4 } from "react/jsx-runtime";
-function NavbarMinimalContent({
-  orientation,
-  maxElements,
-  collapseStaticElementsBreakpoint: collapseStaticElementsBreakpointProp,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme();
-  const { userExperience: appShellUserExperience } = useAppShellUserExperience();
-  const app = useRemoraidApp();
-  const router = useRemoraidRouter();
-  const { pathname } = router;
-  const layoutElement = useFrameLayoutElement();
-  const { colorScheme, setColorScheme } = useHydratedMantineColorScheme();
-  const collapseStaticElementsBreakpoint = collapseStaticElementsBreakpointProp ?? theme.breakpoints.navbarStaticElementsCollapse;
-  const mode = appShellUserExperience.navbar.mode;
-  const floatingPositions = {
-    ["bottom" /* Bottom */]: "top",
-    ["left" /* Left */]: "right",
-    ["top" /* Top */]: "bottom",
-    ["right" /* Right */]: "left",
-    ["content" /* Content */]: undefined
-  };
-  const floatingPosition = layoutElement?.section ? floatingPositions[layoutElement.section] : undefined;
-  const buttonResponsive = mode === "responsive" /* Responsive */;
-  let buttonCollapsed = undefined;
-  if (mode === "collapsed" /* Collapsed */) {
-    buttonCollapsed = true;
-  } else if (mode === "expanded" /* Expanded */) {
-    buttonCollapsed = false;
-  }
-  const buttonClickTransformation = orientation === "horizontal" /* Horizontal */ ? "tiltRight" /* TiltRight */ : "default" /* Default */;
-  const logoButton = app.logo ? /* @__PURE__ */ jsx17(RemoraidButton, {
-    label: app.name,
-    variant: "subtle",
-    icon: app.logo,
-    responsive: buttonResponsive,
-    collapsed: buttonCollapsed,
-    clickTransformation: buttonClickTransformation,
-    ...componentsProps?.button,
-    ...componentsProps?.logoButton,
-    componentsProps: import_lodash8.merge({
-      button: {
-        c: "var(--mantine-color-text)"
-      },
-      Button: { justify: "flex-start" },
-      tooltip: { position: floatingPosition }
-    }, componentsProps?.button?.componentsProps, componentsProps?.logoButton?.componentsProps),
-    onClick: (e) => {
-      componentsProps?.button?.onClick?.(e);
-      componentsProps?.logoButton?.onClick?.(e);
-    }
-  }) : undefined;
-  const button = (element, key) => /* @__PURE__ */ jsx17(NavigationMenu, {
-    label: element.label,
-    target: /* @__PURE__ */ jsx17(RemoraidButton, {
-      mounted: element.mounted,
-      label: element.label,
-      icon: element.icon,
-      variant: element.type === "anchor" /* Anchor */ && element.href === pathname ? "light" : "default",
-      responsive: buttonResponsive,
-      collapsed: buttonCollapsed,
-      clickTransformation: buttonClickTransformation,
-      ...componentsProps?.button,
-      componentsProps: import_lodash8.merge({
-        tooltip: {
-          position: floatingPosition,
-          disabled: element.children !== undefined && element.children.length > 0
-        },
-        Button: { justify: "flex-start" },
-        button: {
-          w: orientation === "vertical" /* Vertical */ ? "100%" : undefined
-        }
-      }, componentsProps?.button?.componentsProps),
-      onClick: (e) => {
-        if (element.type === "anchor" /* Anchor */) {
-          router.push(element.href);
-        }
-        if (element.type === "button" /* Button */) {
-          element.onClick(e);
-        }
-        componentsProps?.button?.onClick?.(e);
-      }
-    }),
-    elements: element.children,
-    ...componentsProps?.NavigationMenu,
-    componentsProps: import_lodash8.merge({
-      Menu: { position: floatingPosition }
-    }, componentsProps?.NavigationMenu?.componentsProps)
-  }, key);
-  const elements = [
-    ...app.nav,
-    ...getDefaultNavigationElements({ colorScheme, setColorScheme })
-  ];
-  const buttons = elements.filter((element) => !element.static).sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0)).slice(0, maxElements).map((element, i) => button(element, `nav-element-${i}`));
-  const staticElements = elements.filter((element) => element.static);
-  const staticButtons = staticElements.sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0)).map((element, i) => button(element, `static-nav-element-${i}`));
-  const collapseStaticElements = staticElements.filter((element) => element.mounted ?? true).length > 1;
-  const staticMenuButton = collapseStaticElements ? /* @__PURE__ */ jsx17(Box3, {
-    hiddenFrom: collapseStaticElementsBreakpoint,
-    children: /* @__PURE__ */ jsx17(NavigationMenu, {
-      elements: staticElements,
-      target: /* @__PURE__ */ jsx17(RemoraidButton, {
-        label: "Static elements",
-        icon: IconDots,
-        responsive: orientation === "vertical" /* Vertical */ ? buttonResponsive : false,
-        collapsed: orientation === "vertical" /* Vertical */ ? buttonCollapsed : true,
-        clickTransformation: buttonClickTransformation,
-        ...componentsProps?.button,
-        componentsProps: import_lodash8.merge({
-          tooltip: { disabled: true },
-          Button: { justify: "flex-start" },
-          button: {
-            w: orientation === "vertical" /* Vertical */ ? "100%" : undefined
-          }
-        }, componentsProps?.button?.componentsProps)
-      }),
-      ...componentsProps?.NavigationMenu,
-      componentsProps: import_lodash8.merge({
-        Menu: { position: floatingPosition }
-      }, componentsProps?.NavigationMenu?.componentsProps)
-    })
-  }) : null;
-  return /* @__PURE__ */ jsx17(Paper, {
-    bg: theme.transparentBackground,
-    h: "100%",
-    p: "md",
-    shadow: "md",
-    ...componentsProps?.container,
-    children: orientation === "vertical" /* Vertical */ ? /* @__PURE__ */ jsxs4(Stack2, {
-      h: "100%",
-      children: [
-        logoButton,
-        /* @__PURE__ */ jsx17(ScrollArea2, {
-          flex: 1,
-          children: /* @__PURE__ */ jsx17(Stack2, {
-            children: buttons
-          })
-        }),
-        /* @__PURE__ */ jsx17(Stack2, {
-          visibleFrom: collapseStaticElements ? collapseStaticElementsBreakpoint : undefined,
-          children: staticButtons
-        }),
-        staticMenuButton
-      ]
-    }) : /* @__PURE__ */ jsxs4(Group2, {
-      wrap: "nowrap",
-      children: [
-        logoButton,
-        /* @__PURE__ */ jsx17(ScrollArea2, {
-          flex: 1,
-          style: { contain: "inline-size" },
-          children: /* @__PURE__ */ jsx17(Group2, {
-            wrap: "nowrap",
-            children: buttons
-          })
-        }),
-        /* @__PURE__ */ jsx17(Group2, {
-          wrap: "nowrap",
-          visibleFrom: collapseStaticElements ? collapseStaticElementsBreakpoint : undefined,
-          children: staticButtons
-        }),
-        staticMenuButton
-      ]
-    })
-  });
-}
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/index.tsx
-var import_lodash11 = __toESM(require_lodash(), 1);
-
-// src/core/components/Pinnable/index.tsx
-import {
-  useEffect as useEffect3,
-  useMemo as useMemo4,
-  useRef as useRef2,
-  useState as useState6
-} from "react";
-import { IconPin, IconPinnedOff } from "@tabler/icons-react";
-import { Box as Box4, Portal as Portal2 } from "@mantine/core";
-
-// src/core/components/Controls/ControlButton/index.tsx
-import {
-  ActionIcon as ActionIcon2,
-  Tooltip as Tooltip2,
-  Transition as Transition3
-} from "@mantine/core";
-import { IconClick as IconClick2 } from "@tabler/icons-react";
-var import_lodash9 = __toESM(require_lodash(), 1);
-import { jsx as jsx18 } from "react/jsx-runtime";
-function ControlButton({
-  icon: Icon4 = IconClick2,
-  mounted = true,
-  size = "xs",
-  iconSize = "tiny" /* Tiny */,
-  onClick,
-  order,
-  color,
-  tooltip,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx18(Transition3, {
-    mounted,
-    transition: "fade",
-    duration: theme.transitionDurations.short,
-    timingFunction: "ease",
-    ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx18(Tooltip2, {
-      label: tooltip,
-      disabled: !Boolean(tooltip),
-      ...componentsProps?.tooltip,
-      children: /* @__PURE__ */ jsx18(ActionIcon2, {
-        "data-control-button": true,
-        size,
-        color,
-        onClick,
-        radius: "xl",
-        ...componentsProps?.button,
-        style: {
-          order,
-          ...import_lodash9.merge(transitionStyle, componentsProps?.button?.style)
-        },
-        children: /* @__PURE__ */ jsx18(Icon4, {
-          ...import_lodash9.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
-        })
-      })
-    })
-  });
-}
-
-// src/core/components/Controls/index.tsx
-import { useRef, useState as useState5 } from "react";
-import {
-  Group as Group3,
-  Paper as Paper2,
-  Transition as Transition4
-} from "@mantine/core";
-import { IconGripHorizontal } from "@tabler/icons-react";
-var import_lodash10 = __toESM(require_lodash(), 1);
-import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
-function Controls({
-  groupRef,
-  mounted = true,
-  dragContainerRef,
-  gutter = 5,
-  iconSize = "tiny" /* Tiny */,
-  additionalButtons: additionalButtonsProp,
-  componentsProps,
-  children: childrenProp
-}) {
-  const additionalButtons = additionalButtonsProp?.map((additionalButton) => asElementOrPropsOfType(ControlButton, additionalButton, "Check the 'additionalButtons' property of 'Controls'."));
-  const children = asChildrenOfType(ControlButton, childrenProp, "Check children passed to 'Controls' component.");
-  const theme = useRemoraidTheme();
-  const [pos, setPos] = useState5({
-    x: 0,
-    y: 0
-  });
-  const offsetRef = useRef({ x: 0, y: 0 });
-  const containerRef = useRef(null);
-  const clamp = (v, min, max) => {
-    return Math.min(Math.max(v, min), max);
-  };
-  const handlePointerDown = (e) => {
-    if (e.target instanceof Element && e.target.closest("button,[data-control-button]")) {
-      return;
-    }
-    if (!containerRef.current) {
-      return;
-    }
-    const paperRect = containerRef.current.getBoundingClientRect();
-    offsetRef.current = {
-      x: e.clientX - paperRect.right,
-      y: e.clientY - paperRect.top
-    };
-    e.currentTarget.setPointerCapture(e.pointerId);
-  };
-  const handlePointerMove = (e) => {
-    if (!e.currentTarget.hasPointerCapture(e.pointerId)) {
-      return;
-    }
-    if (!containerRef.current || !dragContainerRef.current) {
-      return;
-    }
-    const boxRect = dragContainerRef.current.getBoundingClientRect();
-    const paperRect = containerRef.current.getBoundingClientRect();
-    const rawX = e.clientX - boxRect.right - offsetRef.current.x;
-    const rawY = e.clientY - boxRect.top - offsetRef.current.y;
-    const maxX = boxRect.width - paperRect.width;
-    const maxY = boxRect.height - paperRect.height;
-    setPos({
-      x: clamp(-rawX, 0, maxX),
-      y: clamp(rawY, 0, maxY)
-    });
-  };
-  const handlePointerUp = (e) => {
-    e.currentTarget.releasePointerCapture(e.pointerId);
-  };
-  return /* @__PURE__ */ jsx19(Transition4, {
-    mounted,
-    keepMounted: true,
-    transition: "pop",
-    duration: theme.transitionDurations.short,
-    timingFunction: "ease",
-    ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx19(Paper2, {
-      ref: containerRef,
-      pos: "absolute",
-      p: gutter,
-      bg: theme.transparentBackground,
-      shadow: "md",
-      onPointerDown: handlePointerDown,
-      onPointerMove: handlePointerMove,
-      onPointerUp: handlePointerUp,
-      ...componentsProps?.container,
-      style: {
-        right: pos.x,
-        top: pos.y,
-        ...import_lodash10.merge(transitionStyle, componentsProps?.container?.style)
-      },
-      className: clsx_default("remoraid-controls", componentsProps?.container?.className),
-      children: /* @__PURE__ */ jsxs5(Group3, {
-        gap: gutter,
-        ref: groupRef,
-        wrap: "nowrap",
-        ...componentsProps?.group,
-        className: clsx_default("remoraid-controls-group", componentsProps?.group?.className),
-        children: [
-          /* @__PURE__ */ jsx19(IconGripHorizontal, {
-            ...import_lodash10.merge({}, theme.componentsProps.icons[iconSize], { order: -100, color: "var(--mantine-color-default-border)" }, componentsProps?.gripIcon)
-          }),
-          children,
-          additionalButtons && additionalButtons.map((button, i) => {
-            if (isValidElementOfType(ControlButton, button)) {
-              return button;
-            }
-            return /* @__PURE__ */ jsx19(ControlButton, {
-              ...button
-            }, i);
-          })
-        ]
-      })
-    })
-  });
-}
-
-// src/core/components/Pinnable/index.tsx
-import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
-function Pinnable({
-  layoutType: layoutTypeProp,
-  section,
-  initialValue = false,
-  layoutId,
-  controlsContainer,
-  hidden = false,
-  onPinnedValueChange,
-  componentsProps,
-  children
-}) {
-  const layoutType = layoutTypeProp ?? "frame" /* Frame */;
-  const { layouts } = useLayouts();
-  const [pinned, setPinned] = useState6(initialValue);
-  const containerRef = useRef2(null);
-  const layout = layouts[layoutId ?? remoraidAppShellLayoutId];
-  if (layout && layout.type !== layoutType) {
-    throw new TypeError(`Prop 'layoutId' in '${Pinnable.name}' refers to a layout of type ${layout.type}, expected ${layoutType}. Leave 'layoutId' undefined, if you want to use the layout in '${AppShell_default.name}' as reference layout.`);
-  }
-  const controlButton = useMemo4(() => /* @__PURE__ */ jsx20(ControlButton, {
-    icon: pinned ? IconPinnedOff : IconPin,
-    tooltip: pinned ? "Unpin" : "Pin",
-    color: "green",
-    order: 100,
-    ...componentsProps?.button,
-    onClick: (e) => {
-      setPinned((prev) => !prev);
-      componentsProps?.button?.onClick?.(e);
-    }
-  }), [pinned, componentsProps?.button]);
-  const element = /* @__PURE__ */ jsxs6(Box4, {
-    pos: "relative",
-    ref: containerRef,
-    "data-hidden": hidden,
-    h: "100%",
-    ...componentsProps?.container,
-    className: clsx_default("remoraid-pinnable", componentsProps?.container?.className),
-    children: [
-      controlsContainer === undefined ? /* @__PURE__ */ jsx20(Controls, {
-        dragContainerRef: containerRef,
-        ...componentsProps?.controls,
-        children: controlButton
-      }) : controlsContainer !== null && /* @__PURE__ */ jsx20(Portal2, {
-        target: controlsContainer,
-        children: controlButton
-      }),
-      children
-    ]
-  });
-  useEffect3(() => {
-    onPinnedValueChange?.(pinned);
-  }, [pinned]);
-  if (!layout) {
-    return null;
-  }
-  if (pinned && layoutType === "frame" /* Frame */) {
-    return /* @__PURE__ */ jsx20(FrameLayout_default.Element, {
-      layoutId,
-      section,
-      hidden,
-      ...componentsProps?.layoutElement,
-      children: element
-    });
-  }
-  return element;
-}
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/index.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
-function NavbarMinimal({
-  pinnable = true,
-  componentsProps
-}) {
-  const {
-    userExperience: {
-      navbar: { position }
-    }
-  } = useAppShellUserExperience();
-  const [hover, setHover] = useState7(false);
-  const handleEnter = () => {
-    setHover(true);
-  };
-  const handleLeave = () => {
-    setHover(false);
-  };
-  if (position === "left" /* Left */ || position === "right" /* Right */) {
-    return /* @__PURE__ */ jsx21(FrameLayout_default.Element, {
-      section: position,
-      includeContainer: true,
-      ...componentsProps?.layoutElement,
-      componentsProps: import_lodash11.merge({
-        container: {
-          style: {
-            order: -100
-          }
-        }
-      }, componentsProps?.layoutElement?.componentsProps),
-      children: /* @__PURE__ */ jsx21(NavbarMinimalContent, {
-        orientation: "vertical" /* Vertical */,
-        ...componentsProps?.content
-      })
-    });
-  }
-  if (position === "top" /* Top */ || position === "bottom" /* Bottom */) {
-    const content = /* @__PURE__ */ jsx21(NavbarMinimalContent, {
-      orientation: "horizontal" /* Horizontal */,
-      ...componentsProps?.content
-    });
-    if (pinnable) {
-      return /* @__PURE__ */ jsx21(PageContainer, {
-        ...componentsProps?.container,
-        componentsProps: {
-          ...componentsProps?.container?.componentsProps,
-          container: {
-            ...componentsProps?.container?.componentsProps?.container,
-            className: clsx_default("hide-if-empty", componentsProps?.container?.componentsProps?.container?.className)
-          }
-        },
-        children: /* @__PURE__ */ jsx21(Pinnable, {
-          section: position,
-          initialValue: true,
-          ...componentsProps?.Pinnable,
-          componentsProps: import_lodash11.merge({
-            container: {
-              onMouseEnter: (e) => {
-                handleEnter();
-                componentsProps?.Pinnable?.componentsProps?.container?.onMouseEnter?.(e);
-              },
-              onMouseLeave: (e) => {
-                handleLeave();
-                componentsProps?.Pinnable?.componentsProps?.container?.onMouseLeave?.(e);
-              }
-            },
-            button: {
-              onClick: (e) => {
-                handleLeave();
-                componentsProps?.Pinnable?.componentsProps?.button?.onClick?.(e);
-              }
-            },
-            layoutElement: {
-              includeContainer: false,
-              includePageContainer: true,
-              componentsProps: {
-                PageContainer: {
-                  componentsProps: {
-                    container: { style: { order: -100 } }
-                  }
-                }
-              }
-            },
-            controls: {
-              mounted: hover
-            }
-          }, componentsProps?.Pinnable?.componentsProps),
-          children: content
-        })
-      });
-    }
-    return content;
-  }
-  if (position === "content" /* Content */) {
-    return /* @__PURE__ */ jsx21(PageContainer, {
-      ...componentsProps?.container,
-      children: /* @__PURE__ */ jsx21(NavbarMinimalContent, {
-        orientation: "horizontal" /* Horizontal */,
-        ...componentsProps?.content
-      })
-    });
-  }
-  return null;
-}
-
-// src/core/components/AppShell/Navbar/index.tsx
-import { IconLogin, IconLogout, IconMoon, IconSun } from "@tabler/icons-react";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var supportedNavbarPositions = {
-  ["minimal" /* Minimal */]: [
-    null,
-    "top" /* Top */,
-    "bottom" /* Bottom */,
-    "left" /* Left */,
-    "right" /* Right */,
-    "content" /* Content */
-  ]
-};
-var defaultNavbarPositions = { ["minimal" /* Minimal */]: "left" /* Left */ };
-var getDefaultNavigationElements = ({
-  colorScheme,
-  setColorScheme,
-  auth
-}) => [
-  {
-    type: "button" /* Button */,
-    label: colorScheme === "dark" ? "Light mode" : "Dark mode",
-    icon: colorScheme === "dark" ? IconSun : IconMoon,
-    static: true,
-    onClick: () => {
-      if (!colorScheme || !setColorScheme) {
-        return;
-      }
-      setColorScheme(colorScheme === "dark" ? "light" : "dark");
-    }
-  },
-  {
-    mounted: auth !== undefined && auth.user === null,
-    type: "anchor" /* Anchor */,
-    label: "Login",
-    href: "/login",
-    static: true,
-    icon: IconLogin
-  },
-  {
-    mounted: auth !== undefined && auth.user !== null,
-    type: "button" /* Button */,
-    label: "Logout",
-    static: true,
-    icon: IconLogout,
-    onClick: () => {
-      auth?.onLogout?.();
-    }
-  }
-];
-function Navbar({ componentsProps }) {
-  const { navbarVariant } = useRemoraidApp();
-  if (navbarVariant === "minimal" /* Minimal */) {
-    return /* @__PURE__ */ jsx22(NavbarMinimal, {
-      ...componentsProps?.NavbarMinimal
-    });
-  }
-  return null;
-}
-var Navbar_default = Object.assign(Navbar, {
-  NavbarMinimal
-});
-
-// src/core/components/AppShell/AppShellUserExperienceProvider/index.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
-var defaultAppShellUserExperience = {
-  navbar: {
-    position: null,
-    mobilePosition: null,
-    mode: "responsive" /* Responsive */
-  },
-  footer: {
-    position: null
-  }
-};
-var defaultAppShellUserExperienceCookieName = "remoraid-app-shell-user-experience";
-var appShellUserExperienceContext = createUserExperienceContext(defaultAppShellUserExperience);
-var useAppShellUserExperience = () => {
-  return useContext10(appShellUserExperienceContext);
-};
-function AppShellUserExperienceProvider({
-  children,
-  initialValue,
-  cookieName
-}) {
-  const { navbarVariant, footerVariant } = useRemoraidApp();
-  const isValidUserExperience = (x) => {
-    if (typeof x !== "object") {
-      return false;
-    }
-    if (x === null) {
-      return false;
-    }
-    if (!("navbar" in x)) {
-      return false;
-    }
-    if (!("footer" in x)) {
-      return false;
-    }
-    return true;
-  };
-  return /* @__PURE__ */ jsx23(UserExperienceProviderWrapper, {
-    context: appShellUserExperienceContext,
-    isValidUserExperience,
-    cookieName: cookieName ?? defaultAppShellUserExperienceCookieName,
-    defaultUserExperience: defaultAppShellUserExperience,
-    initialValue: import_lodash12.merge({
-      navbar: {
-        position: navbarVariant === null ? null : defaultNavbarPositions[navbarVariant]
-      },
-      footer: {
-        position: footerVariant === null ? null : defaultFooterPositions[footerVariant]
-      }
-    }, initialValue),
-    children
-  });
-}
-
-// src/core/components/AppShell/index.tsx
-import { jsx as jsx24, jsxs as jsxs7 } from "react/jsx-runtime";
-var remoraidAppShellLayoutId = "remoraid-app-shell";
-function AppShell({
-  gutter,
-  appContext: appContext2,
-  initialUserExperience,
-  componentsProps,
-  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__ */ jsx24(AppProvider, {
-    appContext: appContext2,
-    ...componentsProps?.AppProvider,
-    children: /* @__PURE__ */ jsx24(AppShellUserExperienceProvider, {
-      ...componentsProps?.AppShellUserExperienceProvider,
-      initialValue: import_lodash13.merge(initialUserExperience, componentsProps?.AppShellUserExperienceProvider?.initialValue),
-      children: /* @__PURE__ */ jsx24(Box5, {
-        h: "100dvh",
-        ...componentsProps?.container,
-        children: /* @__PURE__ */ jsxs7(FrameLayout_default, {
-          layoutId: remoraidAppShellLayoutId,
-          gutter: gutter ?? theme.primaryGutter,
-          ...componentsProps?.layout,
-          children: [
-            /* @__PURE__ */ jsx24(Navbar_default, {
-              ...componentsProps?.navbar
-            }),
-            children,
-            /* @__PURE__ */ jsx24(Footer_default, {
-              ...componentsProps?.footer
-            })
-          ]
-        })
-      })
-    })
-  });
-}
-var AppShell_default = Object.assign(AppShell, {
-  Navbar: Navbar_default,
-  Footer: Footer_default
-});
-// src/core/components/WidgetSelectionHeader/index.tsx
-import {
-  Box as Box6,
-  Chip as Chip2,
-  Divider,
-  Flex as Flex2,
-  Menu as Menu2,
-  Text,
-  useMantineTheme as useMantineTheme3
-} from "@mantine/core";
-
-// src/core/components/Page/index.tsx
-import { Stack as Stack3 } from "@mantine/core";
-import React8, {
-  useContext as useContext11,
-  useEffect as useEffect5
-} from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
-var pageContext = React8.createContext(null);
-var usePage = () => {
-  return useContext11(pageContext);
-};
-
-// src/core/components/WidgetSelectionHeader/index.tsx
-import { IconCheck, IconFocus, IconNavigation } from "@tabler/icons-react";
-import { useEffect as useEffect6, useRef as useRef3, useState as useState8 } from "react";
-
-// src/core/components/ScrollableChipGroup/index.tsx
-import {
-  Chip,
-  Flex,
-  ScrollArea as ScrollArea3
-} from "@mantine/core";
-import { jsx as jsx26 } from "react/jsx-runtime";
-
-// src/core/components/WidgetSelectionHeader/index.tsx
-var import_lodash14 = __toESM(require_lodash(), 1);
-import { jsx as jsx27, jsxs as jsxs8 } from "react/jsx-runtime";
-// src/core/components/BadgeGroup/index.tsx
-import {
-  Badge as Badge2,
-  Group as Group4,
-  HoverCard,
-  Stack as Stack4,
-  Transition as Transition6
-} from "@mantine/core";
-import React9 from "react";
-
-// src/core/components/BadgeMinimal/index.tsx
-import {
-  Badge,
-  Tooltip as Tooltip3,
-  Transition as Transition5
-} from "@mantine/core";
-import { jsx as jsx28 } from "react/jsx-runtime";
-function BadgeMinimal({
-  label,
-  tooltip,
-  mounted = true,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx28(Transition5, {
-    mounted,
-    transition: "fade",
-    duration: theme.transitionDurations.short,
-    timingFunction: "ease",
-    ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx28(Tooltip3, {
-      label: tooltip,
-      disabled: !Boolean(tooltip),
-      ...componentsProps?.tooltip,
-      children: /* @__PURE__ */ jsx28(Badge, {
-        variant: "default",
-        ...componentsProps?.badge,
-        style: {
-          ...transitionStyle,
-          cursor: "pointer",
-          ...componentsProps?.badge?.style
-        },
-        children: label
-      })
-    })
-  });
-}
-
-// src/core/components/BadgeGroup/index.tsx
-var import_lodash15 = __toESM(require_lodash(), 1);
-import { jsx as jsx29, jsxs as jsxs9, Fragment as Fragment2 } from "react/jsx-runtime";
-import { createElement } from "react";
-function BadgeGroup({
-  badges: badgesProp,
-  gap = "xs",
-  breakpoint: breakpointProp,
-  componentsProps
-}) {
-  const badges = badgesProp.map((badge) => asElementOrPropsOfType(BadgeMinimal, badge, "Check 'badges' property passed to 'BadgeGroup'."));
-  const theme = useRemoraidTheme();
-  const breakpoint = breakpointProp ?? theme.breakpoints.badgeGroupCollapse;
-  const numVisibleBadges = badges.filter((badge) => isValidElementOfType(BadgeMinimal, badge) ? badge.props.mounted : badge.mounted !== false).length;
-  const badgesElement = badges.map((badge, i) => {
-    if (isValidElementOfType(BadgeMinimal, badge)) {
-      return badge;
-    }
-    return /* @__PURE__ */ createElement(BadgeMinimal, {
-      ...badge,
-      key: i
-    });
-  });
-  return /* @__PURE__ */ jsxs9(Fragment2, {
-    children: [
-      /* @__PURE__ */ jsx29(Group4, {
-        gap,
-        wrap: "nowrap",
-        visibleFrom: numVisibleBadges > 1 ? breakpoint : undefined,
-        ...componentsProps?.container,
-        className: clsx_default("hide-if-empty", componentsProps?.container?.className),
-        children: badgesElement
-      }),
-      /* @__PURE__ */ jsx29(Transition6, {
-        mounted: numVisibleBadges > 1,
-        transition: "fade",
-        duration: theme.transitionDurations.short,
-        timingFunction: "ease",
-        ...componentsProps?.cumulativeBadgeTransition,
-        children: (transitionStyle) => /* @__PURE__ */ jsxs9(HoverCard, {
-          ...componentsProps?.HoverCard,
-          children: [
-            /* @__PURE__ */ jsx29(HoverCard.Target, {
-              children: /* @__PURE__ */ jsxs9(Badge2, {
-                hiddenFrom: breakpoint,
-                variant: "dot",
-                ...componentsProps?.cumulativeBadge,
-                style: {
-                  cursor: "pointer",
-                  ...import_lodash15.merge(transitionStyle, componentsProps?.cumulativeBadge?.style)
-                },
-                children: [
-                  numVisibleBadges,
-                  " badges"
-                ]
-              })
-            }),
-            /* @__PURE__ */ jsx29(HoverCard.Dropdown, {
-              p: gap,
-              children: /* @__PURE__ */ jsx29(Stack4, {
-                gap,
-                ...componentsProps?.hoverContainer,
-                children: badgesElement
-              })
-            })
-          ]
-        })
-      })
-    ]
-  });
-}
-// src/core/components/AlertMinimal/index.tsx
-import { Alert, Transition as Transition7 } from "@mantine/core";
-var import_lodash16 = __toESM(require_lodash(), 1);
-import { jsx as jsx30, jsxs as jsxs10 } from "react/jsx-runtime";
-function AlertMinimal({
-  category,
-  children,
-  ...props
-}) {
-  const theme = useRemoraidTheme();
-  const {
-    title,
-    text,
-    color,
-    onClose,
-    mounted = true,
-    icon: Icon4,
-    iconSize = "small" /* Small */,
-    componentsProps
-  } = import_lodash16.merge({}, theme.componentsProps.alerts[category], props);
-  return /* @__PURE__ */ jsx30(Transition7, {
-    mounted,
-    transition: "fade",
-    duration: theme.transitionDurations.short,
-    timingFunction: "ease",
-    ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsxs10(Alert, {
-      title,
-      color,
-      variant: "light",
-      onClose,
-      withCloseButton: onClose !== undefined,
-      icon: Icon4 ? /* @__PURE__ */ jsx30(Icon4, {
-        ...import_lodash16.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
-      }) : undefined,
-      ...componentsProps?.alert,
-      style: import_lodash16.merge(transitionStyle, componentsProps?.alert?.style),
-      children: [
-        text,
-        children
-      ]
-    })
-  });
-}
-// src/core/components/Widget/WidgetWrapper/index.tsx
-import { Paper as Paper3, Transition as Transition8 } from "@mantine/core";
-import {
-  useCallback as useCallback2,
-  useEffect as useEffect7,
-  useRef as useRef4,
-  useState as useState9
-} from "react";
-import { IconX } from "@tabler/icons-react";
-var import_lodash17 = __toESM(require_lodash(), 1);
-import { jsx as jsx31, jsxs as jsxs11 } from "react/jsx-runtime";
-function WidgetWrapper({
-  config,
-  mt = 0,
-  withCloseButton = true,
-  pinnableSection,
-  componentsProps,
-  children
-}) {
-  const {
-    widgets,
-    hideWidget,
-    isPageRegistered,
-    isWidgetRegistered,
-    registerWidget,
-    updateActiveWidget,
-    updateWidgetSelection,
-    activeWidget
-  } = useWidgets();
-  const page = usePage();
-  const theme = useRemoraidTheme();
-  const [controlsContainer, setControlsContainer] = useState9(null);
-  const widget = page ? widgets[page.pageId]?.[config.widgetId] : undefined;
-  const pageRegistered = page ? isPageRegistered(page.pageId) : false;
-  const containerRef = useRef4(null);
-  const controlsContainerRef = useCallback2((n) => {
-    setControlsContainer(n);
-  }, [setControlsContainer]);
-  const handleEnter = () => {
-    updateActiveWidget(config.widgetId);
-  };
-  const handleLeave = (e) => {
-    const to = e.relatedTarget;
-    if (to && to.closest?.("[data-control-button]")) {
-      return;
-    }
-    updateActiveWidget(null);
-  };
-  const mounted = Boolean(widget?.selected);
-  let element = /* @__PURE__ */ jsx31(Transition8, {
-    mounted,
-    transition: "fade-left",
-    duration: theme.transitionDurations.medium,
-    timingFunction: "ease",
-    ...componentsProps?.transition,
-    onExited: () => {
-      if (page) {
-        hideWidget(page.pageId, config.widgetId);
-      }
-      componentsProps?.transition?.onExited?.();
-    },
-    children: (transitionStyle) => /* @__PURE__ */ jsxs11(Paper3, {
-      ref: containerRef,
-      p: "md",
-      shadow: "md",
-      bg: theme.transparentBackground,
-      mt,
-      pos: "relative",
-      h: "fit-content",
-      mah: "100%",
-      display: "flex",
-      ...componentsProps?.container,
-      onMouseEnter: (e) => {
-        handleEnter();
-        componentsProps?.container?.onMouseEnter?.(e);
-      },
-      onMouseLeave: (e) => {
-        handleLeave(e);
-        componentsProps?.container?.onMouseLeave?.(e);
-      },
-      style: import_lodash17.merge(transitionStyle, { flexDirection: "column" }, componentsProps?.container?.style),
-      className: clsx_default("remoraid-segment", componentsProps?.container?.className),
-      id: config.widgetId,
-      children: [
-        /* @__PURE__ */ jsx31(Controls, {
-          dragContainerRef: containerRef,
-          groupRef: controlsContainerRef,
-          mounted: activeWidget === config.widgetId,
-          ...componentsProps?.controls,
-          children: /* @__PURE__ */ jsx31(ControlButton, {
-            mounted: withCloseButton,
-            icon: IconX,
-            tooltip: "Hide widget",
-            color: "red",
-            order: 200,
-            ...componentsProps?.closeButton,
-            componentsProps: {
-              ...componentsProps?.closeButton?.componentsProps,
-              tooltip: {
-                disabled: !mounted,
-                ...componentsProps?.closeButton?.componentsProps?.tooltip
-              }
-            },
-            onClick: (e) => {
-              if (!page) {
-                return;
-              }
-              updateWidgetSelection(page.pageId, config.widgetId, false);
-              handleLeave(e);
-              componentsProps?.closeButton?.onClick?.(e);
-            }
-          })
-        }),
-        children
-      ]
-    })
-  });
-  if (pinnableSection !== undefined) {
-    element = /* @__PURE__ */ jsx31(Pinnable, {
-      section: pinnableSection,
-      controlsContainer,
-      hidden: Boolean(widget?.hidden),
-      ...componentsProps?.Pinnable,
-      componentsProps: {
-        ...componentsProps?.Pinnable?.componentsProps,
-        button: {
-          ...componentsProps?.Pinnable?.componentsProps?.button,
-          onClick: (e) => {
-            handleLeave(e);
-            componentsProps?.Pinnable?.componentsProps?.button?.onClick?.(e);
-          }
-        },
-        layoutElement: {
-          includeContainer: false,
-          includePageContainer: pinnableSection === "top" /* Top */ || pinnableSection === "bottom" /* Bottom */,
-          ...componentsProps?.Pinnable?.componentsProps?.layoutElement
-        }
-      },
-      children: element
-    });
-  }
-  useEffect7(() => {
-    if (!page) {
-      return;
-    }
-    if (!isWidgetRegistered(page.pageId, config.widgetId)) {
-      registerWidget(page.pageId, config);
-    }
-  }, [pageRegistered]);
-  return element;
-}
-// src/core/components/Widget/index.tsx
-import {
-  Center as Center2,
-  Divider as Divider2,
-  Group as Group5,
-  Loader,
-  Title,
-  Stack as Stack5,
-  Box as Box7,
-  ScrollArea as ScrollArea4,
-  Transition as Transition9,
-  Text as Text2
-} from "@mantine/core";
-import { Children } from "react";
-var import_lodash18 = __toESM(require_lodash(), 1);
-import { jsx as jsx32, jsxs as jsxs12 } from "react/jsx-runtime";
-import { createElement as createElement2 } from "react";
-function Widget({
-  id,
-  title,
-  description,
-  config,
-  badges: badgesProp,
-  buttons: buttonsProp,
-  alerts: alertsProp,
-  gaps,
-  loading,
-  mt,
-  pinnableSection,
-  componentsProps,
-  children
-}) {
-  const buttons = buttonsProp?.map((button) => asElementOrPropsOfType(RemoraidButton, button, "Check the 'buttons' property of this widget."));
-  const alerts = alertsProp?.map((alert) => asElementOrPropsOfType(AlertMinimal, alert, "Check the 'alerts' property of this widget."));
-  const badges = badgesProp?.map((badge) => asElementOrPropsOfType(BadgeMinimal, badge, "Check the 'badges' property of this 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__ */ jsx32(WidgetWrapper, {
-    config: {
-      widgetId: id,
-      ...config,
-      initialValues: {
-        name: title,
-        ...config?.initialValues
-      }
-    },
-    mt,
-    ...componentsProps?.wrapper,
-    pinnableSection: pinnableSection ?? componentsProps?.wrapper?.pinnableSection,
-    children: /* @__PURE__ */ jsxs12(Stack5, {
-      gap: "md",
-      mih: 0,
-      ...componentsProps?.contentContainer,
-      children: [
-        /* @__PURE__ */ jsxs12(Group5, {
-          justify: "space-between",
-          wrap: "nowrap",
-          children: [
-            /* @__PURE__ */ jsxs12(Stack5, {
-              gap: 4,
-              children: [
-                /* @__PURE__ */ jsxs12(Group5, {
-                  gap: badgesGap,
-                  wrap: "nowrap",
-                  children: [
-                    /* @__PURE__ */ jsx32(Title, {
-                      order: 1,
-                      size: "h2",
-                      lineClamp: 1,
-                      ...componentsProps?.title,
-                      children: title ?? id
-                    }),
-                    badges !== undefined && /* @__PURE__ */ jsx32(BadgeGroup, {
-                      badges,
-                      gap: badgesGap,
-                      ...componentsProps?.badgeGroup
-                    })
-                  ]
-                }),
-                /* @__PURE__ */ jsx32(Transition9, {
-                  mounted: Boolean(description),
-                  children: (transitionStyle) => /* @__PURE__ */ jsx32(Text2, {
-                    size: "sm",
-                    c: "dimmed",
-                    ...componentsProps?.description,
-                    style: import_lodash18.merge(transitionStyle, componentsProps?.description?.style),
-                    children: description
-                  })
-                })
-              ]
-            }),
-            /* @__PURE__ */ jsx32(Group5, {
-              gap: buttonsGap,
-              wrap: "nowrap",
-              children: buttons !== undefined && buttons.map((button, i) => {
-                if (isValidElementOfType(RemoraidButton, button)) {
-                  return button;
-                }
-                return /* @__PURE__ */ createElement2(RemoraidButton, {
-                  ...button,
-                  key: i
-                });
-              })
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsx32(Box7, {
-          children: /* @__PURE__ */ jsx32(Divider2, {
-            ...componentsProps?.divider
-          })
-        }),
-        /* @__PURE__ */ jsx32(Stack5, {
-          align: "stretch",
-          gap: alertsGap,
-          ...componentsProps?.alertsContainer,
-          className: clsx_default("hide-if-empty", componentsProps?.alertsContainer?.className),
-          children: alerts?.map((alert, i) => {
-            if (isValidElementOfType(AlertMinimal, alert)) {
-              return alert;
-            }
-            return /* @__PURE__ */ createElement2(AlertMinimal, {
-              ...alert,
-              key: i
-            });
-          })
-        }),
-        (loading || Children.toArray(children).length > 0) && /* @__PURE__ */ jsx32(ScrollArea4.Autosize, {
-          flex: 1,
-          ...componentsProps?.childrenContainer,
-          className: clsx_default("remoraid-widget-children-container", componentsProps?.childrenContainer?.className),
-          children: loading ? /* @__PURE__ */ jsx32(Center2, {
-            children: /* @__PURE__ */ jsx32(Loader, {
-              ...componentsProps?.loader
-            })
-          }) : children
-        })
-      ]
-    })
-  });
-}
-// src/core/components/NotFoundPage/index.tsx
-import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
-// src/core/components/EnvironmentShell/index.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
-// src/core/components/SettingsWidget/index.tsx
-import { createContext as createContext8, useContext as useContext12 } from "react";
-import { IconRestore } from "@tabler/icons-react";
-
-// src/core/components/SettingsWidget/SaveButton/index.tsx
-import { IconDeviceFloppy } from "@tabler/icons-react";
-import { Group as Group6 } from "@mantine/core";
-import { jsx as jsx35 } from "react/jsx-runtime";
-function SaveButton({
-  onSaveChanges,
-  insideContainer,
-  componentsProps
-}) {
-  const settingsWidgetOptions = useSettingsWidgetContext();
-  const button = /* @__PURE__ */ jsx35(RemoraidButton, {
-    label: "Save Changes",
-    icon: IconDeviceFloppy,
-    onClick: onSaveChanges,
-    responsive: false,
-    ...componentsProps?.button,
-    componentsProps: {
-      ...componentsProps?.button?.componentsProps,
-      button: {
-        disabled: settingsWidgetOptions.unsavedChanges === false,
-        ...componentsProps?.button?.componentsProps?.button
-      }
-    }
-  });
-  if (insideContainer !== false) {
-    return /* @__PURE__ */ jsx35(Group6, {
-      w: "100%",
-      justify: "flex-end",
-      mt: "md",
-      ...componentsProps?.container,
-      children: button
-    });
-  }
-  return button;
-}
-
-// src/core/components/SettingsWidget/index.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
-var defaultSettingsWidgetContext = {};
-var settingsWidgetContext = createContext8(defaultSettingsWidgetContext);
-var useSettingsWidgetContext = () => {
-  return useContext12(settingsWidgetContext);
-};
-function SettingsWidget({
-  children,
-  onRestoreDefaultValues,
-  unsavedChanges,
-  custom,
-  widgetProps
-}) {
-  return /* @__PURE__ */ jsx36(settingsWidgetContext.Provider, {
-    value: { custom, unsavedChanges },
-    children: /* @__PURE__ */ jsx36(Widget, {
-      title: "Settings",
-      id: "settings",
-      ...widgetProps,
-      buttons: [
-        ...onRestoreDefaultValues ? [
-          {
-            label: "Restore Default Values",
-            icon: IconRestore,
-            onClick: onRestoreDefaultValues,
-            componentsProps: { button: { disabled: custom === false } }
-          }
-        ] : [],
-        ...widgetProps?.buttons ?? []
-      ],
-      badges: [
-        {
-          label: "Custom",
-          tooltip: "Your settings differ from the default settings",
-          mounted: custom ?? false
-        },
-        {
-          label: "Unsaved Changes",
-          mounted: unsavedChanges ?? false
-        },
-        ...widgetProps?.badges ?? []
-      ],
-      children
-    })
-  });
-}
-var SettingsWidget_default = Object.assign(SettingsWidget, {
-  SaveButton
-});
-// src/core/components/SettingsWidget/SettingsTable/index.tsx
-import { createContext as createContext9, useContext as useContext13 } from "react";
-import { Table as Table2 } from "@mantine/core";
-
-// src/core/components/SettingsWidget/SettingsTable/Row/index.tsx
-import { Table, Text as Text3 } from "@mantine/core";
-import { jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
-function Row({
-  children,
-  label
-}) {
-  const options = useSettingsTableOptions();
-  return /* @__PURE__ */ jsxs14(Table.Tr, {
-    children: [
-      /* @__PURE__ */ jsx37(Table.Th, {
-        w: options.leftColumnWidth,
-        children: /* @__PURE__ */ jsx37(Text3, {
-          size: "sm",
-          children: label
-        })
-      }),
-      /* @__PURE__ */ jsx37(Table.Td, {
-        py: "xs",
-        children
-      })
-    ]
-  });
-}
-
-// src/core/components/SettingsWidget/SettingsTable/index.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
-var defaultSettingsTableOptions = {
-  leftColumnWidth: "38.2%"
-};
-var settingsTableOptionsContext = createContext9(defaultSettingsTableOptions);
-var useSettingsTableOptions = () => {
-  return useContext13(settingsTableOptionsContext);
-};
-function SettingsTable({
-  leftColumnWidth,
-  children: childrenProp
-}) {
-  const children = asChildrenOfType(Row, childrenProp, "Check children passed to 'SettingsTable' component.");
-  const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx38(settingsTableOptionsContext.Provider, {
-    value: {
-      leftColumnWidth: leftColumnWidth ?? defaultSettingsTableOptions.leftColumnWidth
-    },
-    children: /* @__PURE__ */ jsx38(Table2, {
-      bg: theme.transparentBackground,
-      withTableBorder: true,
-      variant: "vertical",
-      layout: "fixed",
-      children: /* @__PURE__ */ jsx38(Table2.Tbody, {
-        children
-      })
-    })
-  });
-}
-var SettingsTable_default = Object.assign(SettingsTable, {
-  Row
-});
-// src/core/components/NavbarSettingsWidget/index.tsx
-var import_lodash19 = __toESM(require_lodash(), 1);
-import { Select } from "@mantine/core";
-import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
-// src/core/components/FooterSettingsWidget/index.tsx
-var import_lodash20 = __toESM(require_lodash(), 1);
-import { Select as Select2 } from "@mantine/core";
-import { jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
-// src/core/components/ContextClusterProvider/index.tsx
-import React10 from "react";
-import { jsx as jsx41 } from "react/jsx-runtime";
-// src/core/components/InputWrapperScrollArea/index.tsx
-import {
-  Box as Box8,
-  Input,
-  Paper as Paper4,
-  ScrollArea as ScrollArea5
-} from "@mantine/core";
-import { useState as useState10 } from "react";
-import { useRemoraidTheme as useRemoraidTheme2 } from "remoraid/core";
-import { jsx as jsx42 } from "react/jsx-runtime";
-function InputWrapperScrollArea({
-  children,
-  label,
-  mah,
-  description,
-  error,
-  required = false,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme2();
-  const [isHovering, setIsHovering] = useState10(false);
-  return /* @__PURE__ */ jsx42(Input.Wrapper, {
-    label,
-    error,
-    onMouseEnter: () => setIsHovering(true),
-    onMouseLeave: () => setIsHovering(false),
-    description,
-    withAsterisk: required,
-    ...componentsProps?.container,
-    children: /* @__PURE__ */ jsx42(Paper4, {
-      shadow: "none",
-      p: 0,
-      mt: Boolean(description) ? 4 : 0,
-      withBorder: true,
-      display: "flex",
-      bg: theme.transparentBackground,
-      style: {
-        transition: "border-color .1s",
-        borderColor: error ? "var(--mantine-color-error)" : isHovering ? "var(--mantine-primary-color-filled)" : undefined
-      },
-      children: /* @__PURE__ */ jsx42(ScrollArea5, {
-        mah,
-        px: "md",
-        flex: 1,
-        ...componentsProps?.ScrollArea,
-        children: /* @__PURE__ */ jsx42(Box8, {
-          ...componentsProps?.childrenContainer,
-          children
-        })
-      })
-    })
-  });
-}
 // src/jsonforms/renderers/AnyControl.tsx
+import { InputWrapperScrollArea, useRemoraidTheme } from "remoraid/core";
 import { withJsonFormsControlProps } from "@jsonforms/react";
 import { JsonInput } from "@mantine/core";
-import { useState as useState12 } from "react";
+import { useState as useState2 } from "react";
 
 // src/jsonforms/components/FormOptionsProvider/index.tsx
-import React11, {
-  useContext as useContext14,
-  useState as useState11
+import React, {
+  useContext,
+  useState
 } from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var defaultFormOptions = {
   withDescriptions: false,
   gutter: "md"
 };
-var formOptionsContext = React11.createContext({
+var formOptionsContext = React.createContext({
   formOptions: defaultFormOptions,
   updateFormOptions: () => {}
 });
-var useFormOptions = () => useContext14(formOptionsContext);
+var useFormOptions = () => useContext(formOptionsContext);
 function FormOptionsProvider({
   children,
   initialValue
 }) {
-  const [formOptions, setFormOptions] = useState11({
+  const [formOptions, setFormOptions] = useState({
     ...defaultFormOptions,
     ...initialValue
   });
   const updateFormOptions = (newFormOptions) => {
     setFormOptions((prev) => ({ ...prev, ...newFormOptions }));
   };
-  return /* @__PURE__ */ jsx43(formOptionsContext.Provider, {
+  return /* @__PURE__ */ jsx(formOptionsContext.Provider, {
     value: { formOptions, updateFormOptions },
     children
   });
 }
 
 // src/jsonforms/renderers/AnyControl.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function PlainAnyControl({
   data,
   handleChange,
@@ -7734,17 +5485,17 @@ function PlainAnyControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  const [input, setInput] = useState12(JSON.stringify(data, null, theme.jsonStringifySpace));
-  const [error, setError] = useState12(false);
+  const [input, setInput] = useState2(JSON.stringify(data, null, theme.jsonStringifySpace));
+  const [error, setError] = useState2(false);
   const label = labelProp !== "remoraid-array-item" ? labelProp : null;
   const description = withDescriptions ? schema.description : undefined;
-  return /* @__PURE__ */ jsx44(InputWrapperScrollArea, {
+  return /* @__PURE__ */ jsx2(InputWrapperScrollArea, {
     label: label ?? undefined,
     error: error ? "Invalid JSON" : undefined,
     description,
     required,
     mah: 140,
-    children: /* @__PURE__ */ jsx44(JsonInput, {
+    children: /* @__PURE__ */ jsx2(JsonInput, {
       onChange: (newValue) => {
         setInput(newValue);
         try {
@@ -7777,9 +5528,9 @@ import {
 import {
   Resolve
 } from "@jsonforms/core";
-import { Input as Input2, Paper as Paper5, Select as Select3 } from "@mantine/core";
-import { useMemo as useMemo5, useState as useState13 } from "react";
-import { jsx as jsx45, jsxs as jsxs17, Fragment as Fragment3 } from "react/jsx-runtime";
+import { Input, Paper, Select } from "@mantine/core";
+import { useMemo, useState as useState3 } from "react";
+import { jsx as jsx3, jsxs, Fragment } from "react/jsx-runtime";
 function PlainAnyOfControl({
   data,
   schema,
@@ -7810,7 +5561,7 @@ function PlainAnyOfControl({
     }
     return;
   };
-  const options = useMemo5(() => {
+  const options = useMemo(() => {
     const anyOf = schema.anyOf ?? [];
     return anyOf.map((opt, idx) => {
       const resolved = opt.$ref ? Resolve.schema(rootSchema, opt.$ref, rootSchema) : opt;
@@ -7820,7 +5571,7 @@ function PlainAnyOfControl({
       return { original: opt, resolved, label: label2 };
     });
   }, [schema.anyOf, rootSchema]);
-  const isValidOptionIndex = useMemo5(() => {
+  const isValidOptionIndex = useMemo(() => {
     return (optionIndex) => {
       if (!core?.ajv || data === undefined) {
         return false;
@@ -7829,7 +5580,7 @@ function PlainAnyOfControl({
       return validate(data);
     };
   }, [core?.ajv, data, options]);
-  const validOptionIndex = useMemo5(() => {
+  const validOptionIndex = useMemo(() => {
     for (let i = 0;i < options.length; i++) {
       if (isValidOptionIndex(i)) {
         return i;
@@ -7837,7 +5588,7 @@ function PlainAnyOfControl({
     }
     return -1;
   }, [options, isValidOptionIndex]);
-  const [selectedOption, setSelectedOption] = useState13(validOptionIndex >= 0 ? String(validOptionIndex) : null);
+  const [selectedOption, setSelectedOption] = useState3(validOptionIndex >= 0 ? String(validOptionIndex) : null);
   const schemaDefaultValue = (opt) => {
     const t = opt.type ?? (opt.properties ? "object" : opt.items ? "array" : undefined);
     switch (t) {
@@ -7863,19 +5614,19 @@ function PlainAnyOfControl({
     value: String(i),
     label: o.label
   }));
-  return /* @__PURE__ */ jsx45(Fragment3, {
-    children: /* @__PURE__ */ jsx45(Input2.Wrapper, {
+  return /* @__PURE__ */ jsx3(Fragment, {
+    children: /* @__PURE__ */ jsx3(Input.Wrapper, {
       label,
       description: formOptions.withDescriptions ? schema.description ?? null : null,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsxs17(Paper5, {
+      children: /* @__PURE__ */ jsxs(Paper, {
         withBorder: true,
         shadow: "0",
         bg: "var(--remoraid-transparent-background)",
         p: formOptions.gutter,
         mt: formOptions.withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
         children: [
-          /* @__PURE__ */ jsx45(Select3, {
+          /* @__PURE__ */ jsx3(Select, {
             label: "Value type",
             data: selectData,
             value: selectedOption,
@@ -7896,7 +5647,7 @@ function PlainAnyOfControl({
             variant: "default",
             mb: selectedOption !== null && inferType(selectedSchema) !== "null" ? formOptions.gutter : undefined
           }),
-          selectedOption !== null && /* @__PURE__ */ jsx45(JsonForms, {
+          selectedOption !== null && /* @__PURE__ */ jsx3(JsonForms, {
             schema: {
               ...selectedSchema,
               $schema: undefined
@@ -7923,18 +5674,18 @@ import {
   useJsonForms as useJsonForms2,
   withJsonFormsControlProps as withJsonFormsControlProps3
 } from "@jsonforms/react";
-import { Box as Box9, Button as Button2, Flex as Flex3, Input as Input3, Paper as Paper6, Stack as Stack6 } from "@mantine/core";
+import { Box, Button, Flex, Input as Input2, Paper as Paper2, Stack } from "@mantine/core";
 import { IconPlus, IconTrash } from "@tabler/icons-react";
-var import_lodash21 = __toESM(require_lodash(), 1);
+var import_lodash = __toESM(require_lodash(), 1);
 import {
-  AlertCategory as AlertCategory3,
-  AlertMinimal as AlertMinimal2,
-  RemoraidButton as RemoraidButton2,
-  useRemoraidTheme as useRemoraidTheme3
+  AlertCategory,
+  AlertMinimal,
+  RemoraidButton,
+  useRemoraidTheme as useRemoraidTheme2
 } from "remoraid/core";
-import { jsx as jsx46, jsxs as jsxs18, Fragment as Fragment4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2, Fragment as Fragment2 } from "react/jsx-runtime";
 function PlainArrayControl(props) {
-  const theme = useRemoraidTheme3();
+  const theme = useRemoraidTheme2();
   const { label, schema, data, handleChange, path, required } = props;
   const { formOptions } = useFormOptions();
   const { renderers, cells } = useJsonForms2();
@@ -7951,45 +5702,45 @@ function PlainArrayControl(props) {
       required: ["item"]
     };
   } else {
-    return /* @__PURE__ */ jsx46(AlertMinimal2, {
-      category: AlertCategory3.Negative,
+    return /* @__PURE__ */ jsx4(AlertMinimal, {
+      category: AlertCategory.Negative,
       title: "Renderer missing",
       text: `Could not find applicable renderer for property '${label}'.`
     });
   }
-  return /* @__PURE__ */ jsx46(Fragment4, {
-    children: /* @__PURE__ */ jsx46(Input3.Wrapper, {
+  return /* @__PURE__ */ jsx4(Fragment2, {
+    children: /* @__PURE__ */ jsx4(Input2.Wrapper, {
       label,
       description: formOptions.withDescriptions ? schema.description : undefined,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsx46(Paper6, {
+      children: /* @__PURE__ */ jsx4(Paper2, {
         withBorder: Array.isArray(data) && data.length > 0,
         shadow: "0",
         bg: "var(--remoraid-transparent-background)",
         p: Array.isArray(data) && data.length > 0 ? formOptions.gutter : 0,
         mt: formOptions.withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
-        children: /* @__PURE__ */ jsxs18(Stack6, {
+        children: /* @__PURE__ */ jsxs2(Stack, {
           align: "stretch",
           justify: "flex-start",
           gap: formOptions.gutter,
           children: [
             Array.isArray(data) ? data.map((item, i) => {
-              return /* @__PURE__ */ jsxs18(Flex3, {
+              return /* @__PURE__ */ jsxs2(Flex, {
                 gap: formOptions.gutter,
                 justify: "flex-start",
                 align: "center",
                 direction: "row",
                 wrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx46(Box9, {
+                  /* @__PURE__ */ jsx4(Box, {
                     flex: 1,
-                    children: /* @__PURE__ */ jsx46(JsonForms2, {
+                    children: /* @__PURE__ */ jsx4(JsonForms2, {
                       schema: schemaItems,
                       data: { item },
                       renderers: renderers ?? [],
                       cells: cells ?? [],
                       onChange: ({ data: newData }) => {
-                        if (import_lodash21.isEqual(data[i], newData.item)) {
+                        if (import_lodash.isEqual(data[i], newData.item)) {
                           return;
                         }
                         const dataCopy = [...data];
@@ -7999,7 +5750,7 @@ function PlainArrayControl(props) {
                       validationMode: "NoValidation"
                     })
                   }),
-                  /* @__PURE__ */ jsx46(RemoraidButton2, {
+                  /* @__PURE__ */ jsx4(RemoraidButton, {
                     responsive: false,
                     collapsed: true,
                     label: "Delete item",
@@ -8011,10 +5762,10 @@ function PlainArrayControl(props) {
                   })
                 ]
               }, i);
-            }) : /* @__PURE__ */ jsx46(Fragment4, {}),
-            /* @__PURE__ */ jsx46(Button2, {
+            }) : /* @__PURE__ */ jsx4(Fragment2, {}),
+            /* @__PURE__ */ jsx4(Button, {
               variant: "default",
-              leftSection: /* @__PURE__ */ jsx46(IconPlus, {
+              leftSection: /* @__PURE__ */ jsx4(IconPlus, {
                 ...theme.componentsProps.icons.medium
               }),
               onClick: () => {
@@ -8044,7 +5795,7 @@ var ArrayControl_default = ArrayControl;
 // src/jsonforms/renderers/CheckboxControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps4 } from "@jsonforms/react";
 import { Checkbox } from "@mantine/core";
-import { jsx as jsx47, Fragment as Fragment5 } from "react/jsx-runtime";
+import { jsx as jsx5, Fragment as Fragment3 } from "react/jsx-runtime";
 function PlainCheckboxControl({
   data,
   handleChange,
@@ -8054,8 +5805,8 @@ function PlainCheckboxControl({
   schema
 }) {
   const { formOptions } = useFormOptions();
-  return /* @__PURE__ */ jsx47(Fragment5, {
-    children: /* @__PURE__ */ jsx47(Checkbox, {
+  return /* @__PURE__ */ jsx5(Fragment3, {
+    children: /* @__PURE__ */ jsx5(Checkbox, {
       label,
       py: formOptions.gutter,
       labelPosition: "left",
@@ -8074,7 +5825,7 @@ var CheckboxControl_default = CheckboxControl;
 // src/jsonforms/renderers/NumberControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps5 } from "@jsonforms/react";
 import { NumberInput } from "@mantine/core";
-import { jsx as jsx48, Fragment as Fragment6 } from "react/jsx-runtime";
+import { jsx as jsx6, Fragment as Fragment4 } from "react/jsx-runtime";
 function PlainNumberControl({
   data,
   handleChange,
@@ -8086,8 +5837,8 @@ function PlainNumberControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx48(Fragment6, {
-    children: /* @__PURE__ */ jsx48(NumberInput, {
+  return /* @__PURE__ */ jsx6(Fragment4, {
+    children: /* @__PURE__ */ jsx6(NumberInput, {
       label,
       variant: "default",
       value: data ?? "",
@@ -8112,20 +5863,21 @@ import {
   withJsonFormsControlProps as withJsonFormsControlProps6
 } from "@jsonforms/react";
 import {
-  Box as Box10,
-  Flex as Flex4,
-  Group as Group7,
-  Input as Input4,
-  Paper as Paper7,
-  Stack as Stack7,
+  Box as Box2,
+  Flex as Flex2,
+  Group,
+  Input as Input3,
+  Paper as Paper3,
+  Stack as Stack2,
   TextInput
 } from "@mantine/core";
 import {
   composePaths
 } from "@jsonforms/core";
-import { useState as useState14 } from "react";
+import { useState as useState4 } from "react";
 import { IconPlus as IconPlus2, IconTrash as IconTrash2 } from "@tabler/icons-react";
-import { jsx as jsx49, jsxs as jsxs19, Fragment as Fragment7 } from "react/jsx-runtime";
+import { RemoraidButton as RemoraidButton2 } from "remoraid/core";
+import { jsx as jsx7, jsxs as jsxs3, Fragment as Fragment5 } from "react/jsx-runtime";
 function PlainObjectControl({
   label: labelProp,
   schema,
@@ -8136,7 +5888,7 @@ function PlainObjectControl({
 }) {
   const { formOptions } = useFormOptions();
   const { renderers, cells } = useJsonForms3();
-  const [newKey, setNewKey] = useState14("");
+  const [newKey, setNewKey] = useState4("");
   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;
@@ -8144,22 +5896,22 @@ function PlainObjectControl({
   const declaredKeys = new Set(Object.keys(schema.properties ?? {}));
   const objectData = data && typeof data === "object" && !Array.isArray(data) ? data : {};
   const additionalEntries = Object.entries(objectData).filter(([key]) => !declaredKeys.has(key));
-  return /* @__PURE__ */ jsx49(Input4.Wrapper, {
+  return /* @__PURE__ */ jsx7(Input3.Wrapper, {
     label,
     description,
     withAsterisk: required,
-    children: /* @__PURE__ */ jsx49(Paper7, {
+    children: /* @__PURE__ */ jsx7(Paper3, {
       withBorder: true,
       bg: "var(--remoraid-transparent-background)",
       shadow: "0",
       p: formOptions.gutter,
       mt: Boolean(description) ? 4 : 0,
-      children: /* @__PURE__ */ jsxs19(Stack7, {
+      children: /* @__PURE__ */ jsxs3(Stack2, {
         align: "stretch",
         justify: "flex-start",
         gap: formOptions.gutter,
         children: [
-          hasProperties && /* @__PURE__ */ jsx49(JsonForms3, {
+          hasProperties && /* @__PURE__ */ jsx7(JsonForms3, {
             schema: {
               ...schema,
               $schema: undefined
@@ -8172,22 +5924,22 @@ function PlainObjectControl({
             },
             validationMode: "NoValidation"
           }),
-          hasAdditionalProperties && /* @__PURE__ */ jsxs19(Fragment7, {
+          hasAdditionalProperties && /* @__PURE__ */ jsxs3(Fragment5, {
             children: [
-              additionalEntries.length > 0 && /* @__PURE__ */ jsx49(Stack7, {
+              additionalEntries.length > 0 && /* @__PURE__ */ jsx7(Stack2, {
                 align: "stretch",
                 justify: "flex-start",
                 gap: formOptions.gutter,
-                children: additionalEntries.map(([key, data2]) => /* @__PURE__ */ jsxs19(Flex4, {
+                children: additionalEntries.map(([key, data2]) => /* @__PURE__ */ jsxs3(Flex2, {
                   gap: formOptions.gutter,
                   justify: "flex-start",
                   align: "center",
                   direction: "row",
                   wrap: "nowrap",
                   children: [
-                    /* @__PURE__ */ jsx49(Box10, {
+                    /* @__PURE__ */ jsx7(Box2, {
                       flex: 1,
-                      children: /* @__PURE__ */ jsx49(JsonForms3, {
+                      children: /* @__PURE__ */ jsx7(JsonForms3, {
                         schema: {
                           ...schema.additionalProperties === true ? {} : schema.additionalProperties,
                           title: key,
@@ -8206,7 +5958,7 @@ function PlainObjectControl({
                         }
                       })
                     }),
-                    /* @__PURE__ */ jsx49(RemoraidButton, {
+                    /* @__PURE__ */ jsx7(RemoraidButton2, {
                       responsive: false,
                       collapsed: true,
                       label: `Delete ${key}`,
@@ -8224,12 +5976,12 @@ function PlainObjectControl({
                   ]
                 }, key))
               }),
-              /* @__PURE__ */ jsxs19(Group7, {
+              /* @__PURE__ */ jsxs3(Group, {
                 gap: formOptions.gutter,
                 wrap: "nowrap",
                 align: "flex-end",
                 children: [
-                  /* @__PURE__ */ jsx49(TextInput, {
+                  /* @__PURE__ */ jsx7(TextInput, {
                     label: "New key",
                     variant: "default",
                     value: newKey,
@@ -8240,7 +5992,7 @@ function PlainObjectControl({
                     description: formOptions.withDescriptions ? "Key for new additional property value" : null,
                     flex: 1
                   }),
-                  /* @__PURE__ */ jsx49(RemoraidButton, {
+                  /* @__PURE__ */ jsx7(RemoraidButton2, {
                     responsive: false,
                     collapsed: true,
                     label: "Add key",
@@ -8279,8 +6031,8 @@ var ObjectControl_default = ObjectControl;
 
 // src/jsonforms/renderers/StringSelectControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps7 } from "@jsonforms/react";
-import { Select as Select4 } from "@mantine/core";
-import { jsx as jsx50, Fragment as Fragment8 } from "react/jsx-runtime";
+import { Select as Select2 } from "@mantine/core";
+import { jsx as jsx8, Fragment as Fragment6 } from "react/jsx-runtime";
 function PlainTimestampControl({
   data,
   handleChange,
@@ -8292,8 +6044,8 @@ function PlainTimestampControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx50(Fragment8, {
-    children: /* @__PURE__ */ jsx50(Select4, {
+  return /* @__PURE__ */ jsx8(Fragment6, {
+    children: /* @__PURE__ */ jsx8(Select2, {
       label,
       data: schema.enum,
       value: data,
@@ -8429,7 +6181,7 @@ var verticalLayoutTester_default = tester9;
 // src/jsonforms/renderers/TextControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps8 } from "@jsonforms/react";
 import { TextInput as TextInput2 } from "@mantine/core";
-import { jsx as jsx51, Fragment as Fragment9 } from "react/jsx-runtime";
+import { jsx as jsx9, Fragment as Fragment7 } from "react/jsx-runtime";
 function PlainTextControl({
   data,
   handleChange,
@@ -8441,8 +6193,8 @@ function PlainTextControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx51(Fragment9, {
-    children: /* @__PURE__ */ jsx51(TextInput2, {
+  return /* @__PURE__ */ jsx9(Fragment7, {
+    children: /* @__PURE__ */ jsx9(TextInput2, {
       label,
       variant: "default",
       placeholder: "",
@@ -8460,8 +6212,9 @@ var TextControl_default = TextControl;
 
 // src/jsonforms/renderers/TimestampControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps9 } from "@jsonforms/react";
-import { DatePickerInput } from "@mantine/dates";
-import { jsx as jsx52, Fragment as Fragment10 } from "react/jsx-runtime";
+import { DateTimePicker, toDateTimeString } from "@mantine/dates";
+import dayjs from "dayjs";
+import { jsx as jsx10, Fragment as Fragment8 } from "react/jsx-runtime";
 function PlainTimestampControl2({
   data,
   handleChange,
@@ -8473,16 +6226,15 @@ function PlainTimestampControl2({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx52(Fragment10, {
-    children: /* @__PURE__ */ jsx52(DatePickerInput, {
+  return /* @__PURE__ */ jsx10(Fragment8, {
+    children: /* @__PURE__ */ jsx10(DateTimePicker, {
       variant: "default",
       label,
-      placeholder: "Pick a date",
-      value: new Date(data * 1000),
+      placeholder: "Pick date and time",
+      value: data === null || data === undefined ? data : toDateTimeString(new Date(data * 1000)),
+      withSeconds: true,
       onChange: (newValue) => {
-        if (newValue) {
-          handleChange(path, newValue.getTime() / 1000);
-        }
+        handleChange(path, newValue === null || newValue === undefined ? newValue : dayjs(newValue).toDate().getTime() / 1000);
       },
       required,
       description: withDescriptions ? schema.description || null : null
@@ -8493,17 +6245,17 @@ var TimestampControl2 = withJsonFormsControlProps9(PlainTimestampControl2);
 var TimestampControl_default = TimestampControl2;
 
 // src/jsonforms/renderers/VerticalLayout.tsx
-import React12 from "react";
+import React2 from "react";
 import { withJsonFormsLayoutProps } from "@jsonforms/react";
 import { JsonFormsDispatch, useJsonForms as useJsonForms4 } from "@jsonforms/react";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 "use client";
 var JsonFormsLayout = ({
   className,
   children,
   visible
 }) => {
-  return /* @__PURE__ */ jsx53("div", {
+  return /* @__PURE__ */ jsx11("div", {
     className,
     hidden: visible === undefined || visible === null ? false : !visible,
     children
@@ -8514,10 +6266,10 @@ var renderChildren = (layout, schema, className, path, enabled) => {
   const { formOptions } = useFormOptions();
   const gutter = typeof formOptions.gutter === "string" ? `var(--mantine-spacing-${formOptions.gutter})` : `${formOptions.gutter}px`;
   return layout.elements.map((child, index) => {
-    return /* @__PURE__ */ jsx53("div", {
+    return /* @__PURE__ */ jsx11("div", {
       className,
       style: { marginTop: index === 0 ? 0 : gutter },
-      children: /* @__PURE__ */ jsx53(JsonFormsDispatch, {
+      children: /* @__PURE__ */ jsx11(JsonFormsDispatch, {
         renderers,
         cells,
         uischema: child,
@@ -8530,11 +6282,11 @@ var renderChildren = (layout, schema, className, path, enabled) => {
 };
 var VerticalLayoutRenderer = (props) => {
   const { data: _data, ...otherProps } = props;
-  return /* @__PURE__ */ jsx53(VerticalLayoutRendererComponent, {
+  return /* @__PURE__ */ jsx11(VerticalLayoutRendererComponent, {
     ...otherProps
   });
 };
-var VerticalLayoutRendererComponent = React12.memo(function VerticalLayoutRendererComponent2({
+var VerticalLayoutRendererComponent = React2.memo(function VerticalLayoutRendererComponent2({
   schema,
   uischema,
   path,
@@ -8544,7 +6296,7 @@ var VerticalLayoutRendererComponent = React12.memo(function VerticalLayoutRender
   const verticalLayout = uischema;
   const layoutClassName = "";
   const childClassNames = "";
-  return /* @__PURE__ */ jsx53(JsonFormsLayout, {
+  return /* @__PURE__ */ jsx11(JsonFormsLayout, {
     className: layoutClassName,
     uischema,
     schema,