remoraid 3.1.1 → 3.5.0

package/dist/jsonforms/index.cjs

@@ -4094,7 +4094,7 @@ var require_lodash = __commonJS((exports2, module2) => {
         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) {
@@ -5184,7 +5184,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;
@@ -5471,2188 +5471,43 @@ __export(exports_jsonforms, {
 });
 module.exports = __toCommonJS(exports_jsonforms);
 
-// src/core/components/RemoraidProvider/WidgetsProvider/index.tsx
-var import_lodash = __toESM(require_lodash());
-var import_react = __toESM(require("react"));
-var jsx_runtime = require("react/jsx-runtime");
-var widgetsContext = import_react.default.createContext({
-  widgets: {},
-  activeWidget: null,
-  updateActiveWidget: () => {},
-  registerWidget: () => {},
-  registerPage: () => {},
-  isWidgetRegistered: () => false,
-  isPageRegistered: () => false,
-  updateWidgetSelection: () => {},
-  updateWidgetSelectionBulk: () => {},
-  isWidgetSelected: () => false,
-  hideWidget: () => {}
-});
-var useWidgets = () => {
-  return import_react.useContext(widgetsContext);
-};
-
-// src/core/lib/utils.ts
-var import_react2 = require("react");
-var co = (condition, value, fallback) => condition(value) ? value : fallback;
-var isValidElementOfType = (type, value) => {
-  return import_react2.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 (import_react2.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
+// src/jsonforms/renderers/AnyControl.tsx
+var import_core = require("remoraid/core");
+var import_react2 = require("@jsonforms/react");
 var import_core2 = require("@mantine/core");
-var import_icons_react = require("@tabler/icons-react");
-var import_react4 = __toESM(require("react"));
-
-// src/core/components/RemoraidProvider/HydrationStatusProvider/index.tsx
-var import_core = require("@mantine/core");
 var import_react3 = require("react");
-var jsx_runtime2 = require("react/jsx-runtime");
-var defaultHydrationStatus = {
-  hasHydrated: false,
-  ensureHydration: () => {
-    return;
-  }
-};
-var hydrationStatusContext = import_react3.createContext(defaultHydrationStatus);
-var useHydrationStatus = () => {
-  return import_react3.useContext(hydrationStatusContext);
-};
-var useHydratedMantineColorScheme = () => {
-  const { ensureHydration } = useHydrationStatus();
-  return ensureHydration(import_core.useMantineColorScheme()) ?? {};
-};
-
-// src/core/components/RemoraidProvider/ThemeProvider/index.tsx
-var import_lodash2 = __toESM(require_lodash());
-var jsx_runtime3 = require("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" ? import_core2.rgba(mantineTheme.colors.dark[8], 0.8) : import_core2.rgba(mantineTheme.white, 0.8) : undefined);
-  let spacingPx;
-  if (mantineTheme && colorScheme) {
-    spacingPx = {
-      xs: Number(co((v) => !Number.isNaN(v), Number(import_core2.px(mantineTheme.spacing.xs)), 0)),
-      sm: Number(co((v) => !Number.isNaN(v), Number(import_core2.px(mantineTheme.spacing.sm)), 0)),
-      md: Number(co((v) => !Number.isNaN(v), Number(import_core2.px(mantineTheme.spacing.md)), 0)),
-      lg: Number(co((v) => !Number.isNaN(v), Number(import_core2.px(mantineTheme.spacing.lg)), 0)),
-      xl: Number(co((v) => !Number.isNaN(v), Number(import_core2.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: import_icons_react.IconAlertCircle,
-          color: "red",
-          title: "Attention!"
-        },
-        ["neutral" /* Neutral */]: {
-          icon: import_icons_react.IconInfoCircle,
-          color: mantineTheme?.primaryColor,
-          title: "Information"
-        },
-        ["positive" /* Positive */]: {
-          icon: import_icons_react.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 = import_react4.default.createContext(createRemoraidTheme());
-var useRemoraidTheme = () => {
-  return import_react4.useContext(themeContext);
-};
-
-// src/core/components/RemoraidProvider/index.tsx
-var import_react_cookie2 = require("react-cookie");
-
-// src/core/components/RemoraidProvider/CoreUserExperienceProvider/index.tsx
-var import_react6 = require("react");
-
-// src/core/components/UserExperienceProviderWrapper/index.tsx
-var import_lodash3 = __toESM(require_lodash());
-var import_react5 = require("react");
-var import_react_cookie = require("react-cookie");
-var jsx_runtime4 = require("react/jsx-runtime");
-var createUserExperienceContext = (defaultUserExperience) => import_react5.createContext({
-  userExperience: defaultUserExperience,
-  updateUserExperience: () => {},
-  processedCookie: false,
-  initialUserExperience: defaultUserExperience
-});
-function UserExperienceProviderWrapper({
-  children,
-  context,
-  cookieName,
-  defaultUserExperience,
-  isValidUserExperience,
-  initialValue
-}) {
-  const [cookies, setCookie] = import_react_cookie.useCookies();
-  const initialUserExperience = import_lodash3.mergeWith({}, defaultUserExperience, initialValue, (_objValue, srcValue) => {
-    if (Array.isArray(srcValue)) {
-      return [...srcValue];
-    }
-    return;
-  });
-  const [userExperience, setUserExperience] = import_react5.useState(initialUserExperience);
-  const [processedCookie, setProcessedCookie] = import_react5.useState(false);
-  const updateUserExperience = (p) => {
-    const updatedUserExperience = typeof p === "function" ? p(userExperience) : p;
-    setCookie(cookieName, updatedUserExperience, { path: "/" });
-    setUserExperience(updatedUserExperience);
-  };
-  import_react5.useEffect(() => {
-    const userExperienceCookie = cookies[cookieName];
-    if (userExperienceCookie && isValidUserExperience(userExperienceCookie)) {
-      setUserExperience(userExperienceCookie);
-    }
-    if (cookies && !processedCookie) {
-      setProcessedCookie(true);
-    }
-  }, [cookies]);
-  return /* @__PURE__ */ jsx_runtime4.jsx(context.Provider, {
-    value: {
-      userExperience,
-      updateUserExperience,
-      processedCookie,
-      initialUserExperience
-    },
-    children
-  });
-}
-
-// src/core/components/RemoraidProvider/CoreUserExperienceProvider/index.tsx
-var jsx_runtime5 = require("react/jsx-runtime");
-var defaultUserExperience = {
-  showWelcomeMessage: true,
-  navbar: { hiddenPages: [], mode: "responsive" /* Responsive */ }
-};
-var coreUserExperienceContext = createUserExperienceContext(defaultUserExperience);
-
-// src/core/components/RemoraidProvider/LayoutsProvider/index.tsx
-var import_react7 = require("react");
-var jsx_runtime6 = require("react/jsx-runtime");
-var defaultLayoutsContext = {
-  layouts: {},
-  setLayouts: () => {}
-};
-var layoutsContext = import_react7.createContext(defaultLayoutsContext);
-var useLayouts = () => {
-  return import_react7.useContext(layoutsContext);
-};
-
-// src/core/components/RemoraidProvider/RouterProvider/index.tsx
-var import_react8 = require("react");
-var jsx_runtime7 = require("react/jsx-runtime");
-var defaultRouter = {
-  pathname: "/",
-  push: () => {}
-};
-var routerContext = import_react8.createContext(defaultRouter);
-var useRemoraidRouter = () => {
-  return import_react8.useContext(routerContext);
-};
-
-// src/core/components/RemoraidProvider/index.tsx
-var jsx_runtime8 = require("react/jsx-runtime");
-// src/core/components/AppShell/index.tsx
-var import_core13 = require("@mantine/core");
-var import_react18 = require("react");
-
-// src/core/components/AppShell/AppProvider/index.tsx
-var import_react9 = require("react");
-var import_lodash4 = __toESM(require_lodash());
-var jsx_runtime9 = require("react/jsx-runtime");
-var defaultAppContext = {
-  name: "Hello, World!",
-  nav: [],
-  navbarVariant: "minimal" /* Minimal */,
-  footerVariant: "minimal" /* Minimal */,
-  navbarMobileVariant: null
-};
-var appContext = import_react9.createContext(defaultAppContext);
-var useRemoraidApp = () => {
-  return import_react9.useContext(appContext);
-};
-function AppProvider({
-  appContext: appContextProp,
-  children
-}) {
-  const { logo, ...appContextPropWithoutLogo } = appContextProp;
-  return /* @__PURE__ */ jsx_runtime9.jsx(appContext.Provider, {
-    value: { ...import_lodash4.merge(defaultAppContext, appContextPropWithoutLogo), logo },
-    children
-  });
-}
-
-// src/core/components/AppShell/index.tsx
-var import_lodash13 = __toESM(require_lodash());
-
-// src/core/components/AppShell/AppShellUserExperienceProvider/index.tsx
-var import_react17 = require("react");
-var import_lodash12 = __toESM(require_lodash());
-
-// src/core/components/AppShell/Footer/FooterMinimal/index.tsx
-var import_core6 = require("@mantine/core");
-var import_icons_react2 = require("@tabler/icons-react");
-var import_lodash6 = __toESM(require_lodash());
-
-// src/core/components/Page/PageContainer/index.tsx
-var import_core3 = require("@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
-var jsx_runtime10 = require("react/jsx-runtime");
-function PageContainer({
-  children,
-  p = 0,
-  hidden = false,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_runtime10.jsx(import_core3.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
-var import_core5 = require("@mantine/core");
-var import_react11 = require("react");
-
-// src/core/components/FrameLayout/Element/index.tsx
-var import_react10 = require("react");
-var import_core4 = require("@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());
-var jsx_runtime11 = require("react/jsx-runtime");
-var layoutElementContext = import_react10.createContext(null);
-var useFrameLayoutElement = () => {
-  return import_react10.useContext(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__ */ jsx_runtime11.jsx(PageContainer, {
-    p: 0,
-    hidden,
-    ...componentsProps?.PageContainer,
-    children
-  }) : children;
-  return /* @__PURE__ */ jsx_runtime11.jsx(import_core4.Portal, {
-    target: layout.sections[section],
-    children: /* @__PURE__ */ jsx_runtime11.jsx(layoutElementContext.Provider, {
-      value: { layoutType: "frame" /* Frame */, section },
-      children: includeContainer ? /* @__PURE__ */ jsx_runtime11.jsx(import_core4.Box, {
-        "data-hidden": hidden,
-        ...import_lodash5.merge(containerProps, componentsProps?.container),
-        className: clsx_default("remoraid-frame-layout-element", containerProps?.className, componentsProps?.container?.className),
-        children: element
-      }) : element
-    })
-  });
-}
-
-// src/core/components/FrameLayout/index.tsx
-var jsx_runtime12 = require("react/jsx-runtime");
-var layoutContext = import_react11.createContext(null);
-var useFrameLayout = () => {
-  return import_react11.useContext(layoutContext);
-};
-function FrameLayout({
-  layoutId,
-  includeScrollArea = true,
-  gutter = 0,
-  componentsProps,
-  children
-}) {
-  const { layouts, setLayouts } = useLayouts();
-  const layout = layouts[layoutId];
-  const defaultSections = import_react11.useMemo(() => ({
-    ["bottom" /* Bottom */]: null,
-    ["right" /* Right */]: null,
-    ["top" /* Top */]: null,
-    ["left" /* Left */]: null,
-    ["content" /* Content */]: null
-  }), []);
-  const setSections = import_react11.useCallback((value) => {
-    setLayouts((prev) => ({
-      ...prev,
-      [layoutId]: {
-        type: "frame" /* Frame */,
-        sections: typeof value === "function" ? value(prev[layoutId]?.sections ?? defaultSections) : value
-      }
-    }));
-  }, [layoutId, setLayouts, defaultSections]);
-  const topSectionRef = import_react11.useCallback((n) => {
-    setSections((prev) => ({
-      ...prev,
-      ["top" /* Top */]: n
-    }));
-  }, [setSections]);
-  const bottomSectionRef = import_react11.useCallback((n) => {
-    setSections((prev) => ({
-      ...prev,
-      ["bottom" /* Bottom */]: n
-    }));
-  }, [setSections]);
-  const leftSectionRef = import_react11.useCallback((n) => {
-    setSections((prev) => ({
-      ...prev,
-      ["left" /* Left */]: n
-    }));
-  }, [setSections]);
-  const rightSectionRef = import_react11.useCallback((n) => {
-    setSections((prev) => ({
-      ...prev,
-      ["right" /* Right */]: n
-    }));
-  }, [setSections]);
-  const contentSectionRef = import_react11.useCallback((n) => {
-    setSections((prev) => ({
-      ...prev,
-      ["content" /* Content */]: n
-    }));
-  }, [setSections]);
-  const contentSection = /* @__PURE__ */ jsx_runtime12.jsx(import_core5.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 = import_react11.useMemo(() => ({
-    type: "frame" /* Frame */,
-    sections: defaultSections,
-    ...layout,
-    layoutId
-  }), [layout?.sections, defaultSections, layoutId]);
-  return /* @__PURE__ */ jsx_runtime12.jsx(layoutContext.Provider, {
-    value: layoutContextValue,
-    children: /* @__PURE__ */ jsx_runtime12.jsxs(import_core5.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__ */ jsx_runtime12.jsx(import_core5.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__ */ jsx_runtime12.jsxs(import_core5.Stack, {
-          h: "100%",
-          flex: 1,
-          gap: 0,
-          ...componentsProps?.verticalContainer,
-          className: clsx_default("remoraid-frame-layout-vertical-container", componentsProps?.verticalContainer?.className),
-          children: [
-            /* @__PURE__ */ jsx_runtime12.jsx(import_core5.Stack, {
-              ref: topSectionRef,
-              gap: gutter,
-              flex: 0,
-              ...componentsProps?.sectionContainers?.["top" /* Top */],
-              className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-top-section", componentsProps?.sectionContainers?.["top" /* Top */]?.className)
-            }),
-            includeScrollArea ? /* @__PURE__ */ jsx_runtime12.jsx(import_core5.ScrollArea, {
-              flex: 1,
-              ...componentsProps?.ScrollArea,
-              children: contentSection
-            }) : contentSection,
-            /* @__PURE__ */ jsx_runtime12.jsx(import_core5.Stack, {
-              ref: bottomSectionRef,
-              gap: gutter,
-              flex: 0,
-              ...componentsProps?.sectionContainers?.["bottom" /* Bottom */],
-              className: clsx_default("remoraid-frame-layout-section", "remoraid-frame-layout-bottom-section", componentsProps?.sectionContainers?.["bottom" /* Bottom */]?.className)
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsx_runtime12.jsx(import_core5.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
-var jsx_runtime13 = require("react/jsx-runtime");
-function FooterMinimal({
-  icon: Icon2 = import_icons_react2.IconPennant,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme();
-  const {
-    userExperience: {
-      footer: { position }
-    }
-  } = useAppShellUserExperience();
-  const content = /* @__PURE__ */ jsx_runtime13.jsx(PageContainer, {
-    ...componentsProps?.container,
-    children: /* @__PURE__ */ jsx_runtime13.jsx(import_core6.Center, {
-      children: /* @__PURE__ */ jsx_runtime13.jsx(Icon2, {
-        color: "var(--mantine-color-disabled)",
-        ...theme.componentsProps.icons.huge,
-        ...componentsProps?.icon
-      })
-    })
-  });
-  if (position === "bottom" /* Bottom */) {
-    return /* @__PURE__ */ jsx_runtime13.jsx(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
-var jsx_runtime14 = require("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__ */ jsx_runtime14.jsx(FooterMinimal, {
-      ...componentsProps?.FooterMinimal
-    });
-  }
-  return null;
-}
-var Footer_default = Object.assign(Footer, {
-  FooterMinimal
-});
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/index.tsx
-var import_react16 = require("react");
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/index.tsx
-var import_core9 = require("@mantine/core");
-var import_lodash8 = __toESM(require_lodash());
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/NavigationMenu/index.tsx
-var import_core7 = require("@mantine/core");
-var import_react12 = require("react");
-var jsx_runtime15 = require("react/jsx-runtime");
-function NavigationMenu({
-  target,
-  elements,
-  label,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme();
-  const mantineTheme = import_core7.useMantineTheme();
-  const router = useRemoraidRouter();
-  const { pathname } = router;
-  const item = (element, style) => {
-    const isLeaf2 = element.children === undefined || element.children.length === 0;
-    const Menu2 = isLeaf2 ? import_core7.Menu : import_core7.Menu.Sub;
-    return /* @__PURE__ */ jsx_runtime15.jsx(Menu2.Item, {
-      leftSection: element.icon ? /* @__PURE__ */ jsx_runtime15.jsx(element.icon, {
-        ...theme.componentsProps.icons.small
-      }) : undefined,
-      c: element.type === "anchor" /* Anchor */ && element.href === pathname ? mantineTheme.primaryColor : undefined,
-      onClick: (e) => {
-        if (element.type === "anchor" /* Anchor */) {
-          router.push(element.href);
-        }
-        if (element.type === "button" /* Button */) {
-          element.onClick(e);
-        }
-      },
-      style,
-      children: element.label
-    });
-  };
-  const isRoot = import_react12.isValidElement(target);
-  const isLeaf = elements === undefined || elements.length === 0;
-  const Menu = isRoot ? import_core7.Menu : import_core7.Menu.Sub;
-  const menuProps = isRoot ? { trigger: "click-hover", ...componentsProps?.Menu } : { ...componentsProps?.MenuSub };
-  return /* @__PURE__ */ jsx_runtime15.jsx(import_core7.Transition, {
-    mounted: isRoot ? true : target.mounted ?? true,
-    ...componentsProps?.transition,
-    children: (transitionStyle) => {
-      if (isLeaf) {
-        if (isRoot) {
-          return target;
-        }
-        return item(target, transitionStyle);
-      }
-      return /* @__PURE__ */ jsx_runtime15.jsxs(Menu, {
-        ...menuProps,
-        children: [
-          /* @__PURE__ */ jsx_runtime15.jsx(Menu.Target, {
-            children: isRoot ? /* @__PURE__ */ jsx_runtime15.jsx(import_core7.Box, {
-              ...componentsProps?.rootTargetContainer,
-              children: target
-            }) : item(target, transitionStyle)
-          }),
-          /* @__PURE__ */ jsx_runtime15.jsxs(Menu.Dropdown, {
-            children: [
-              label !== undefined && /* @__PURE__ */ jsx_runtime15.jsx(import_core7.Menu.Label, {
-                children: label
-              }),
-              elements.map((element, i) => /* @__PURE__ */ jsx_runtime15.jsx(NavigationMenu, {
-                target: element,
-                elements: element.children,
-                componentsProps
-              }, `navigation-menu-${i}`))
-            ]
-          })
-        ]
-      });
-    }
-  });
-}
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/NavbarMinimalContent/index.tsx
-var import_icons_react4 = require("@tabler/icons-react");
-
-// src/core/components/RemoraidButton/index.tsx
-var import_core8 = require("@mantine/core");
-var import_icons_react3 = require("@tabler/icons-react");
-var import_react13 = require("react");
-var import_lodash7 = __toESM(require_lodash());
-var jsx_runtime16 = require("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 ?? import_icons_react3.IconClick;
-  const iconElement = import_react13.isValidElement(Icon3) ? Icon3 : /* @__PURE__ */ jsx_runtime16.jsx(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__ */ jsx_runtime16.jsx(import_core8.Transition, {
-    mounted,
-    transition: "fade",
-    duration: theme.transitionDurations.short,
-    timingFunction: "ease",
-    ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime16.jsxs(jsx_runtime16.Fragment, {
-      children: [
-        /* @__PURE__ */ jsx_runtime16.jsx(import_core8.Tooltip, {
-          label,
-          ...componentsProps?.tooltip,
-          children: /* @__PURE__ */ jsx_runtime16.jsx(import_core8.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__ */ jsx_runtime16.jsx(import_core8.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
-var jsx_runtime17 = require("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__ */ jsx_runtime17.jsx(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__ */ jsx_runtime17.jsx(NavigationMenu, {
-    label: element.label,
-    target: /* @__PURE__ */ jsx_runtime17.jsx(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__ */ jsx_runtime17.jsx(import_core9.Box, {
-    hiddenFrom: collapseStaticElementsBreakpoint,
-    children: /* @__PURE__ */ jsx_runtime17.jsx(NavigationMenu, {
-      elements: staticElements,
-      target: /* @__PURE__ */ jsx_runtime17.jsx(RemoraidButton, {
-        label: "Static elements",
-        icon: import_icons_react4.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__ */ jsx_runtime17.jsx(import_core9.Paper, {
-    bg: theme.transparentBackground,
-    h: "100%",
-    p: "md",
-    shadow: "md",
-    ...componentsProps?.container,
-    children: orientation === "vertical" /* Vertical */ ? /* @__PURE__ */ jsx_runtime17.jsxs(import_core9.Stack, {
-      h: "100%",
-      children: [
-        logoButton,
-        /* @__PURE__ */ jsx_runtime17.jsx(import_core9.ScrollArea, {
-          flex: 1,
-          children: /* @__PURE__ */ jsx_runtime17.jsx(import_core9.Stack, {
-            children: buttons
-          })
-        }),
-        /* @__PURE__ */ jsx_runtime17.jsx(import_core9.Stack, {
-          visibleFrom: collapseStaticElements ? collapseStaticElementsBreakpoint : undefined,
-          children: staticButtons
-        }),
-        staticMenuButton
-      ]
-    }) : /* @__PURE__ */ jsx_runtime17.jsxs(import_core9.Group, {
-      wrap: "nowrap",
-      children: [
-        logoButton,
-        /* @__PURE__ */ jsx_runtime17.jsx(import_core9.ScrollArea, {
-          flex: 1,
-          style: { contain: "inline-size" },
-          children: /* @__PURE__ */ jsx_runtime17.jsx(import_core9.Group, {
-            wrap: "nowrap",
-            children: buttons
-          })
-        }),
-        /* @__PURE__ */ jsx_runtime17.jsx(import_core9.Group, {
-          wrap: "nowrap",
-          visibleFrom: collapseStaticElements ? collapseStaticElementsBreakpoint : undefined,
-          children: staticButtons
-        }),
-        staticMenuButton
-      ]
-    })
-  });
-}
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/index.tsx
-var import_lodash11 = __toESM(require_lodash());
-
-// src/core/components/Pinnable/index.tsx
-var import_react15 = require("react");
-var import_icons_react7 = require("@tabler/icons-react");
-var import_core12 = require("@mantine/core");
-
-// src/core/components/Controls/ControlButton/index.tsx
-var import_core10 = require("@mantine/core");
-var import_icons_react5 = require("@tabler/icons-react");
-var import_lodash9 = __toESM(require_lodash());
-var jsx_runtime18 = require("react/jsx-runtime");
-function ControlButton({
-  icon: Icon4 = import_icons_react5.IconClick,
-  mounted = true,
-  size = "xs",
-  iconSize = "tiny" /* Tiny */,
-  onClick,
-  order,
-  color,
-  tooltip,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_runtime18.jsx(import_core10.Transition, {
-    mounted,
-    transition: "fade",
-    duration: theme.transitionDurations.short,
-    timingFunction: "ease",
-    ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime18.jsx(import_core10.Tooltip, {
-      label: tooltip,
-      disabled: !Boolean(tooltip),
-      ...componentsProps?.tooltip,
-      children: /* @__PURE__ */ jsx_runtime18.jsx(import_core10.ActionIcon, {
-        "data-control-button": true,
-        size,
-        color,
-        onClick,
-        radius: "xl",
-        ...componentsProps?.button,
-        style: {
-          order,
-          ...import_lodash9.merge(transitionStyle, componentsProps?.button?.style)
-        },
-        children: /* @__PURE__ */ jsx_runtime18.jsx(Icon4, {
-          ...import_lodash9.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
-        })
-      })
-    })
-  });
-}
-
-// src/core/components/Controls/index.tsx
-var import_react14 = require("react");
-var import_core11 = require("@mantine/core");
-var import_icons_react6 = require("@tabler/icons-react");
-var import_lodash10 = __toESM(require_lodash());
-var jsx_runtime19 = require("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] = import_react14.useState({
-    x: 0,
-    y: 0
-  });
-  const offsetRef = import_react14.useRef({ x: 0, y: 0 });
-  const containerRef = import_react14.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__ */ jsx_runtime19.jsx(import_core11.Transition, {
-    mounted,
-    keepMounted: true,
-    transition: "pop",
-    duration: theme.transitionDurations.short,
-    timingFunction: "ease",
-    ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime19.jsx(import_core11.Paper, {
-      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__ */ jsx_runtime19.jsxs(import_core11.Group, {
-        gap: gutter,
-        ref: groupRef,
-        wrap: "nowrap",
-        ...componentsProps?.group,
-        className: clsx_default("remoraid-controls-group", componentsProps?.group?.className),
-        children: [
-          /* @__PURE__ */ jsx_runtime19.jsx(import_icons_react6.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__ */ jsx_runtime19.jsx(ControlButton, {
-              ...button
-            }, i);
-          })
-        ]
-      })
-    })
-  });
-}
-
-// src/core/components/Pinnable/index.tsx
-var jsx_runtime20 = require("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] = import_react15.useState(initialValue);
-  const containerRef = import_react15.useRef(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 = import_react15.useMemo(() => /* @__PURE__ */ jsx_runtime20.jsx(ControlButton, {
-    icon: pinned ? import_icons_react7.IconPinnedOff : import_icons_react7.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__ */ jsx_runtime20.jsxs(import_core12.Box, {
-    pos: "relative",
-    ref: containerRef,
-    "data-hidden": hidden,
-    h: "100%",
-    ...componentsProps?.container,
-    className: clsx_default("remoraid-pinnable", componentsProps?.container?.className),
-    children: [
-      controlsContainer === undefined ? /* @__PURE__ */ jsx_runtime20.jsx(Controls, {
-        dragContainerRef: containerRef,
-        ...componentsProps?.controls,
-        children: controlButton
-      }) : controlsContainer !== null && /* @__PURE__ */ jsx_runtime20.jsx(import_core12.Portal, {
-        target: controlsContainer,
-        children: controlButton
-      }),
-      children
-    ]
-  });
-  import_react15.useEffect(() => {
-    onPinnedValueChange?.(pinned);
-  }, [pinned]);
-  if (!layout) {
-    return null;
-  }
-  if (pinned && layoutType === "frame" /* Frame */) {
-    return /* @__PURE__ */ jsx_runtime20.jsx(FrameLayout_default.Element, {
-      layoutId,
-      section,
-      hidden,
-      ...componentsProps?.layoutElement,
-      children: element
-    });
-  }
-  return element;
-}
-
-// src/core/components/AppShell/Navbar/NavbarMinimal/index.tsx
-var jsx_runtime21 = require("react/jsx-runtime");
-function NavbarMinimal({
-  pinnable = true,
-  componentsProps
-}) {
-  const {
-    userExperience: {
-      navbar: { position }
-    }
-  } = useAppShellUserExperience();
-  const [hover, setHover] = import_react16.useState(false);
-  const handleEnter = () => {
-    setHover(true);
-  };
-  const handleLeave = () => {
-    setHover(false);
-  };
-  if (position === "left" /* Left */ || position === "right" /* Right */) {
-    return /* @__PURE__ */ jsx_runtime21.jsx(FrameLayout_default.Element, {
-      section: position,
-      includeContainer: true,
-      ...componentsProps?.layoutElement,
-      componentsProps: import_lodash11.merge({
-        container: {
-          style: {
-            order: -100
-          }
-        }
-      }, componentsProps?.layoutElement?.componentsProps),
-      children: /* @__PURE__ */ jsx_runtime21.jsx(NavbarMinimalContent, {
-        orientation: "vertical" /* Vertical */,
-        ...componentsProps?.content
-      })
-    });
-  }
-  if (position === "top" /* Top */ || position === "bottom" /* Bottom */) {
-    const content = /* @__PURE__ */ jsx_runtime21.jsx(NavbarMinimalContent, {
-      orientation: "horizontal" /* Horizontal */,
-      ...componentsProps?.content
-    });
-    if (pinnable) {
-      return /* @__PURE__ */ jsx_runtime21.jsx(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__ */ jsx_runtime21.jsx(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__ */ jsx_runtime21.jsx(PageContainer, {
-      ...componentsProps?.container,
-      children: /* @__PURE__ */ jsx_runtime21.jsx(NavbarMinimalContent, {
-        orientation: "horizontal" /* Horizontal */,
-        ...componentsProps?.content
-      })
-    });
-  }
-  return null;
-}
-
-// src/core/components/AppShell/Navbar/index.tsx
-var import_icons_react8 = require("@tabler/icons-react");
-var jsx_runtime22 = require("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" ? import_icons_react8.IconSun : import_icons_react8.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: import_icons_react8.IconLogin
-  },
-  {
-    mounted: auth !== undefined && auth.user !== null,
-    type: "button" /* Button */,
-    label: "Logout",
-    static: true,
-    icon: import_icons_react8.IconLogout,
-    onClick: () => {
-      auth?.onLogout?.();
-    }
-  }
-];
-function Navbar({ componentsProps }) {
-  const { navbarVariant } = useRemoraidApp();
-  if (navbarVariant === "minimal" /* Minimal */) {
-    return /* @__PURE__ */ jsx_runtime22.jsx(NavbarMinimal, {
-      ...componentsProps?.NavbarMinimal
-    });
-  }
-  return null;
-}
-var Navbar_default = Object.assign(Navbar, {
-  NavbarMinimal
-});
-
-// src/core/components/AppShell/AppShellUserExperienceProvider/index.tsx
-var jsx_runtime23 = require("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 import_react17.useContext(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__ */ jsx_runtime23.jsx(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
-var jsx_runtime24 = require("react/jsx-runtime");
-var remoraidAppShellLayoutId = "remoraid-app-shell";
-function AppShell({
-  gutter,
-  appContext: appContext2,
-  initialUserExperience,
-  componentsProps,
-  children
-}) {
-  const theme = useRemoraidTheme();
-  const { colorScheme } = useHydratedMantineColorScheme();
-  import_react18.useEffect(() => {
-    let meta = document.querySelector('meta[name="theme-color"]');
-    if (!meta) {
-      meta = document.createElement("meta");
-      meta.name = "theme-color";
-      document.head.appendChild(meta);
-    }
-    const { backgroundColor: computedBodyColor } = getComputedStyle(document.body);
-    if (!computedBodyColor) {
-      return;
-    }
-    meta.content = computedBodyColor;
-  }, [colorScheme]);
-  return /* @__PURE__ */ jsx_runtime24.jsx(AppProvider, {
-    appContext: appContext2,
-    ...componentsProps?.AppProvider,
-    children: /* @__PURE__ */ jsx_runtime24.jsx(AppShellUserExperienceProvider, {
-      ...componentsProps?.AppShellUserExperienceProvider,
-      initialValue: import_lodash13.merge(initialUserExperience, componentsProps?.AppShellUserExperienceProvider?.initialValue),
-      children: /* @__PURE__ */ jsx_runtime24.jsx(import_core13.Box, {
-        h: "100dvh",
-        ...componentsProps?.container,
-        children: /* @__PURE__ */ jsx_runtime24.jsxs(FrameLayout_default, {
-          layoutId: remoraidAppShellLayoutId,
-          gutter: gutter ?? theme.primaryGutter,
-          ...componentsProps?.layout,
-          children: [
-            /* @__PURE__ */ jsx_runtime24.jsx(Navbar_default, {
-              ...componentsProps?.navbar
-            }),
-            children,
-            /* @__PURE__ */ jsx_runtime24.jsx(Footer_default, {
-              ...componentsProps?.footer
-            })
-          ]
-        })
-      })
-    })
-  });
-}
-var AppShell_default = Object.assign(AppShell, {
-  Navbar: Navbar_default,
-  Footer: Footer_default
-});
-// src/core/components/WidgetSelectionHeader/index.tsx
-var import_core16 = require("@mantine/core");
-
-// src/core/components/Page/index.tsx
-var import_core14 = require("@mantine/core");
-var import_react19 = __toESM(require("react"));
-var jsx_runtime25 = require("react/jsx-runtime");
-var pageContext = import_react19.default.createContext(null);
-var usePage = () => {
-  return import_react19.useContext(pageContext);
-};
-
-// src/core/components/WidgetSelectionHeader/index.tsx
-var import_icons_react9 = require("@tabler/icons-react");
-var import_react20 = require("react");
-
-// src/core/components/ScrollableChipGroup/index.tsx
-var import_core15 = require("@mantine/core");
-var jsx_runtime26 = require("react/jsx-runtime");
-
-// src/core/components/WidgetSelectionHeader/index.tsx
-var import_lodash14 = __toESM(require_lodash());
-var jsx_runtime27 = require("react/jsx-runtime");
-// src/core/components/BadgeGroup/index.tsx
-var import_core18 = require("@mantine/core");
-var import_react21 = __toESM(require("react"));
-
-// src/core/components/BadgeMinimal/index.tsx
-var import_core17 = require("@mantine/core");
-var jsx_runtime28 = require("react/jsx-runtime");
-function BadgeMinimal({
-  label,
-  tooltip,
-  mounted = true,
-  componentsProps
-}) {
-  const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_runtime28.jsx(import_core17.Transition, {
-    mounted,
-    transition: "fade",
-    duration: theme.transitionDurations.short,
-    timingFunction: "ease",
-    ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime28.jsx(import_core17.Tooltip, {
-      label: tooltip,
-      disabled: !Boolean(tooltip),
-      ...componentsProps?.tooltip,
-      children: /* @__PURE__ */ jsx_runtime28.jsx(import_core17.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());
-var jsx_runtime29 = require("react/jsx-runtime");
-var react = require("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__ */ react.createElement(BadgeMinimal, {
-      ...badge,
-      key: i
-    });
-  });
-  return /* @__PURE__ */ jsx_runtime29.jsxs(jsx_runtime29.Fragment, {
-    children: [
-      /* @__PURE__ */ jsx_runtime29.jsx(import_core18.Group, {
-        gap,
-        wrap: "nowrap",
-        visibleFrom: numVisibleBadges > 1 ? breakpoint : undefined,
-        ...componentsProps?.container,
-        className: clsx_default("hide-if-empty", componentsProps?.container?.className),
-        children: badgesElement
-      }),
-      /* @__PURE__ */ jsx_runtime29.jsx(import_core18.Transition, {
-        mounted: numVisibleBadges > 1,
-        transition: "fade",
-        duration: theme.transitionDurations.short,
-        timingFunction: "ease",
-        ...componentsProps?.cumulativeBadgeTransition,
-        children: (transitionStyle) => /* @__PURE__ */ jsx_runtime29.jsxs(import_core18.HoverCard, {
-          ...componentsProps?.HoverCard,
-          children: [
-            /* @__PURE__ */ jsx_runtime29.jsx(import_core18.HoverCard.Target, {
-              children: /* @__PURE__ */ jsx_runtime29.jsxs(import_core18.Badge, {
-                hiddenFrom: breakpoint,
-                variant: "dot",
-                ...componentsProps?.cumulativeBadge,
-                style: {
-                  cursor: "pointer",
-                  ...import_lodash15.merge(transitionStyle, componentsProps?.cumulativeBadge?.style)
-                },
-                children: [
-                  numVisibleBadges,
-                  " badges"
-                ]
-              })
-            }),
-            /* @__PURE__ */ jsx_runtime29.jsx(import_core18.HoverCard.Dropdown, {
-              p: gap,
-              children: /* @__PURE__ */ jsx_runtime29.jsx(import_core18.Stack, {
-                gap,
-                ...componentsProps?.hoverContainer,
-                children: badgesElement
-              })
-            })
-          ]
-        })
-      })
-    ]
-  });
-}
-// src/core/components/AlertMinimal/index.tsx
-var import_core19 = require("@mantine/core");
-var import_lodash16 = __toESM(require_lodash());
-var jsx_runtime30 = require("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__ */ jsx_runtime30.jsx(import_core19.Transition, {
-    mounted,
-    transition: "fade",
-    duration: theme.transitionDurations.short,
-    timingFunction: "ease",
-    ...componentsProps?.transition,
-    children: (transitionStyle) => /* @__PURE__ */ jsx_runtime30.jsxs(import_core19.Alert, {
-      title,
-      color,
-      variant: "light",
-      onClose,
-      withCloseButton: onClose !== undefined,
-      icon: Icon4 ? /* @__PURE__ */ jsx_runtime30.jsx(Icon4, {
-        ...import_lodash16.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
-      }) : undefined,
-      ...componentsProps?.alert,
-      style: import_lodash16.merge(transitionStyle, componentsProps?.alert?.style),
-      children: [
-        text,
-        children
-      ]
-    })
-  });
-}
-// src/core/components/Widget/WidgetWrapper/index.tsx
-var import_core20 = require("@mantine/core");
-var import_react22 = require("react");
-var import_icons_react10 = require("@tabler/icons-react");
-var import_lodash17 = __toESM(require_lodash());
-var jsx_runtime31 = require("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] = import_react22.useState(null);
-  const widget = page ? widgets[page.pageId]?.[config.widgetId] : undefined;
-  const pageRegistered = page ? isPageRegistered(page.pageId) : false;
-  const containerRef = import_react22.useRef(null);
-  const controlsContainerRef = import_react22.useCallback((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__ */ jsx_runtime31.jsx(import_core20.Transition, {
-    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__ */ jsx_runtime31.jsxs(import_core20.Paper, {
-      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__ */ jsx_runtime31.jsx(Controls, {
-          dragContainerRef: containerRef,
-          groupRef: controlsContainerRef,
-          mounted: activeWidget === config.widgetId,
-          ...componentsProps?.controls,
-          children: /* @__PURE__ */ jsx_runtime31.jsx(ControlButton, {
-            mounted: withCloseButton,
-            icon: import_icons_react10.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__ */ jsx_runtime31.jsx(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
-    });
-  }
-  import_react22.useEffect(() => {
-    if (!page) {
-      return;
-    }
-    if (!isWidgetRegistered(page.pageId, config.widgetId)) {
-      registerWidget(page.pageId, config);
-    }
-  }, [pageRegistered]);
-  return element;
-}
-// src/core/components/Widget/index.tsx
-var import_core21 = require("@mantine/core");
-var import_react23 = require("react");
-var import_lodash18 = __toESM(require_lodash());
-var jsx_runtime32 = require("react/jsx-runtime");
-var react2 = require("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__ */ jsx_runtime32.jsx(WidgetWrapper, {
-    config: {
-      widgetId: id,
-      ...config,
-      initialValues: {
-        name: title,
-        ...config?.initialValues
-      }
-    },
-    mt,
-    ...componentsProps?.wrapper,
-    pinnableSection: pinnableSection ?? componentsProps?.wrapper?.pinnableSection,
-    children: /* @__PURE__ */ jsx_runtime32.jsxs(import_core21.Stack, {
-      gap: "md",
-      mih: 0,
-      ...componentsProps?.contentContainer,
-      children: [
-        /* @__PURE__ */ jsx_runtime32.jsxs(import_core21.Group, {
-          justify: "space-between",
-          wrap: "nowrap",
-          children: [
-            /* @__PURE__ */ jsx_runtime32.jsxs(import_core21.Stack, {
-              gap: 4,
-              children: [
-                /* @__PURE__ */ jsx_runtime32.jsxs(import_core21.Group, {
-                  gap: badgesGap,
-                  wrap: "nowrap",
-                  children: [
-                    /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Title, {
-                      order: 1,
-                      size: "h2",
-                      lineClamp: 1,
-                      ...componentsProps?.title,
-                      children: title ?? id
-                    }),
-                    badges !== undefined && /* @__PURE__ */ jsx_runtime32.jsx(BadgeGroup, {
-                      badges,
-                      gap: badgesGap,
-                      ...componentsProps?.badgeGroup
-                    })
-                  ]
-                }),
-                /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Transition, {
-                  mounted: Boolean(description),
-                  children: (transitionStyle) => /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Text, {
-                    size: "sm",
-                    c: "dimmed",
-                    ...componentsProps?.description,
-                    style: import_lodash18.merge(transitionStyle, componentsProps?.description?.style),
-                    children: description
-                  })
-                })
-              ]
-            }),
-            /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Group, {
-              gap: buttonsGap,
-              wrap: "nowrap",
-              children: buttons !== undefined && buttons.map((button, i) => {
-                if (isValidElementOfType(RemoraidButton, button)) {
-                  return button;
-                }
-                return /* @__PURE__ */ react2.createElement(RemoraidButton, {
-                  ...button,
-                  key: i
-                });
-              })
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Box, {
-          children: /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Divider, {
-            ...componentsProps?.divider
-          })
-        }),
-        /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Stack, {
-          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__ */ react2.createElement(AlertMinimal, {
-              ...alert,
-              key: i
-            });
-          })
-        }),
-        (loading || import_react23.Children.toArray(children).length > 0) && /* @__PURE__ */ jsx_runtime32.jsx(import_core21.ScrollArea.Autosize, {
-          flex: 1,
-          ...componentsProps?.childrenContainer,
-          className: clsx_default("remoraid-widget-children-container", componentsProps?.childrenContainer?.className),
-          children: loading ? /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Center, {
-            children: /* @__PURE__ */ jsx_runtime32.jsx(import_core21.Loader, {
-              ...componentsProps?.loader
-            })
-          }) : children
-        })
-      ]
-    })
-  });
-}
-// src/core/components/NotFoundPage/index.tsx
-var jsx_runtime33 = require("react/jsx-runtime");
-// src/core/components/EnvironmentShell/index.tsx
-var jsx_runtime34 = require("react/jsx-runtime");
-// src/core/components/SettingsWidget/index.tsx
-var import_react24 = require("react");
-var import_icons_react12 = require("@tabler/icons-react");
-
-// src/core/components/SettingsWidget/SaveButton/index.tsx
-var import_icons_react11 = require("@tabler/icons-react");
-var import_core22 = require("@mantine/core");
-var jsx_runtime35 = require("react/jsx-runtime");
-function SaveButton({
-  onSaveChanges,
-  insideContainer,
-  componentsProps
-}) {
-  const settingsWidgetOptions = useSettingsWidgetContext();
-  const button = /* @__PURE__ */ jsx_runtime35.jsx(RemoraidButton, {
-    label: "Save Changes",
-    icon: import_icons_react11.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__ */ jsx_runtime35.jsx(import_core22.Group, {
-      w: "100%",
-      justify: "flex-end",
-      mt: "md",
-      ...componentsProps?.container,
-      children: button
-    });
-  }
-  return button;
-}
-
-// src/core/components/SettingsWidget/index.tsx
-var jsx_runtime36 = require("react/jsx-runtime");
-var defaultSettingsWidgetContext = {};
-var settingsWidgetContext = import_react24.createContext(defaultSettingsWidgetContext);
-var useSettingsWidgetContext = () => {
-  return import_react24.useContext(settingsWidgetContext);
-};
-function SettingsWidget({
-  children,
-  onRestoreDefaultValues,
-  unsavedChanges,
-  custom,
-  widgetProps
-}) {
-  return /* @__PURE__ */ jsx_runtime36.jsx(settingsWidgetContext.Provider, {
-    value: { custom, unsavedChanges },
-    children: /* @__PURE__ */ jsx_runtime36.jsx(Widget, {
-      title: "Settings",
-      id: "settings",
-      ...widgetProps,
-      buttons: [
-        ...onRestoreDefaultValues ? [
-          {
-            label: "Restore Default Values",
-            icon: import_icons_react12.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
-var import_react25 = require("react");
-var import_core24 = require("@mantine/core");
-
-// src/core/components/SettingsWidget/SettingsTable/Row/index.tsx
-var import_core23 = require("@mantine/core");
-var jsx_runtime37 = require("react/jsx-runtime");
-function Row({
-  children,
-  label
-}) {
-  const options = useSettingsTableOptions();
-  return /* @__PURE__ */ jsx_runtime37.jsxs(import_core23.Table.Tr, {
-    children: [
-      /* @__PURE__ */ jsx_runtime37.jsx(import_core23.Table.Th, {
-        w: options.leftColumnWidth,
-        children: /* @__PURE__ */ jsx_runtime37.jsx(import_core23.Text, {
-          size: "sm",
-          children: label
-        })
-      }),
-      /* @__PURE__ */ jsx_runtime37.jsx(import_core23.Table.Td, {
-        py: "xs",
-        children
-      })
-    ]
-  });
-}
-
-// src/core/components/SettingsWidget/SettingsTable/index.tsx
-var jsx_runtime38 = require("react/jsx-runtime");
-var defaultSettingsTableOptions = {
-  leftColumnWidth: "38.2%"
-};
-var settingsTableOptionsContext = import_react25.createContext(defaultSettingsTableOptions);
-var useSettingsTableOptions = () => {
-  return import_react25.useContext(settingsTableOptionsContext);
-};
-function SettingsTable({
-  leftColumnWidth,
-  children: childrenProp
-}) {
-  const children = asChildrenOfType(Row, childrenProp, "Check children passed to 'SettingsTable' component.");
-  const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsx_runtime38.jsx(settingsTableOptionsContext.Provider, {
-    value: {
-      leftColumnWidth: leftColumnWidth ?? defaultSettingsTableOptions.leftColumnWidth
-    },
-    children: /* @__PURE__ */ jsx_runtime38.jsx(import_core24.Table, {
-      bg: theme.transparentBackground,
-      withTableBorder: true,
-      variant: "vertical",
-      layout: "fixed",
-      children: /* @__PURE__ */ jsx_runtime38.jsx(import_core24.Table.Tbody, {
-        children
-      })
-    })
-  });
-}
-var SettingsTable_default = Object.assign(SettingsTable, {
-  Row
-});
-// src/core/components/NavbarSettingsWidget/index.tsx
-var import_lodash19 = __toESM(require_lodash());
-var import_core25 = require("@mantine/core");
-var jsx_runtime39 = require("react/jsx-runtime");
-// src/core/components/FooterSettingsWidget/index.tsx
-var import_lodash20 = __toESM(require_lodash());
-var import_core26 = require("@mantine/core");
-var jsx_runtime40 = require("react/jsx-runtime");
-// src/core/components/ContextClusterProvider/index.tsx
-var import_react26 = __toESM(require("react"));
-var jsx_runtime41 = require("react/jsx-runtime");
-// src/core/components/InputWrapperScrollArea/index.tsx
-var import_core27 = require("@mantine/core");
-var import_react27 = require("react");
-var import_core28 = require("remoraid/core");
-var jsx_runtime42 = require("react/jsx-runtime");
-function InputWrapperScrollArea({
-  children,
-  label,
-  mah,
-  description,
-  error,
-  required = false,
-  componentsProps
-}) {
-  const theme = import_core28.useRemoraidTheme();
-  const [isHovering, setIsHovering] = import_react27.useState(false);
-  return /* @__PURE__ */ jsx_runtime42.jsx(import_core27.Input.Wrapper, {
-    label,
-    error,
-    onMouseEnter: () => setIsHovering(true),
-    onMouseLeave: () => setIsHovering(false),
-    description,
-    withAsterisk: required,
-    ...componentsProps?.container,
-    children: /* @__PURE__ */ jsx_runtime42.jsx(import_core27.Paper, {
-      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__ */ jsx_runtime42.jsx(import_core27.ScrollArea, {
-        mah,
-        px: "md",
-        flex: 1,
-        ...componentsProps?.ScrollArea,
-        children: /* @__PURE__ */ jsx_runtime42.jsx(import_core27.Box, {
-          ...componentsProps?.childrenContainer,
-          children
-        })
-      })
-    })
-  });
-}
-// src/jsonforms/renderers/AnyControl.tsx
-var import_react29 = require("@jsonforms/react");
-var import_core30 = require("@mantine/core");
-var import_react30 = require("react");
 
 // src/jsonforms/components/FormOptionsProvider/index.tsx
-var import_react28 = __toESM(require("react"));
-var jsx_runtime43 = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var jsx_runtime = require("react/jsx-runtime");
 var defaultFormOptions = {
   withDescriptions: false,
   gutter: "md"
 };
-var formOptionsContext = import_react28.default.createContext({
+var formOptionsContext = import_react.default.createContext({
   formOptions: defaultFormOptions,
   updateFormOptions: () => {}
 });
-var useFormOptions = () => import_react28.useContext(formOptionsContext);
+var useFormOptions = () => import_react.useContext(formOptionsContext);
 function FormOptionsProvider({
   children,
   initialValue
 }) {
-  const [formOptions, setFormOptions] = import_react28.useState({
+  const [formOptions, setFormOptions] = import_react.useState({
     ...defaultFormOptions,
     ...initialValue
   });
   const updateFormOptions = (newFormOptions) => {
     setFormOptions((prev) => ({ ...prev, ...newFormOptions }));
   };
-  return /* @__PURE__ */ jsx_runtime43.jsx(formOptionsContext.Provider, {
+  return /* @__PURE__ */ jsx_runtime.jsx(formOptionsContext.Provider, {
     value: { formOptions, updateFormOptions },
     children
   });
 }
 
 // src/jsonforms/renderers/AnyControl.tsx
-var jsx_runtime44 = require("react/jsx-runtime");
+var jsx_runtime2 = require("react/jsx-runtime");
 function PlainAnyControl({
   data,
   handleChange,
@@ -7661,21 +5516,21 @@ function PlainAnyControl({
   required,
   schema
 }) {
-  const theme = useRemoraidTheme();
+  const theme = import_core.useRemoraidTheme();
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  const [input, setInput] = import_react30.useState(JSON.stringify(data, null, theme.jsonStringifySpace));
-  const [error, setError] = import_react30.useState(false);
+  const [input, setInput] = import_react3.useState(JSON.stringify(data, null, theme.jsonStringifySpace));
+  const [error, setError] = import_react3.useState(false);
   const label = labelProp !== "remoraid-array-item" ? labelProp : null;
   const description = withDescriptions ? schema.description : undefined;
-  return /* @__PURE__ */ jsx_runtime44.jsx(InputWrapperScrollArea, {
+  return /* @__PURE__ */ jsx_runtime2.jsx(import_core.InputWrapperScrollArea, {
     label: label ?? undefined,
     error: error ? "Invalid JSON" : undefined,
     description,
     required,
     mah: 140,
-    children: /* @__PURE__ */ jsx_runtime44.jsx(import_core30.JsonInput, {
+    children: /* @__PURE__ */ jsx_runtime2.jsx(import_core2.JsonInput, {
       onChange: (newValue) => {
         setInput(newValue);
         try {
@@ -7696,15 +5551,15 @@ function PlainAnyControl({
     })
   });
 }
-var AnyControl = import_react29.withJsonFormsControlProps(PlainAnyControl);
+var AnyControl = import_react2.withJsonFormsControlProps(PlainAnyControl);
 var AnyControl_default = AnyControl;
 
 // src/jsonforms/renderers/AnyOfControl.tsx
-var import_react31 = require("@jsonforms/react");
-var import_core31 = require("@jsonforms/core");
-var import_core32 = require("@mantine/core");
-var import_react32 = require("react");
-var jsx_runtime45 = require("react/jsx-runtime");
+var import_react4 = require("@jsonforms/react");
+var import_core3 = require("@jsonforms/core");
+var import_core4 = require("@mantine/core");
+var import_react5 = require("react");
+var jsx_runtime3 = require("react/jsx-runtime");
 function PlainAnyOfControl({
   data,
   schema,
@@ -7715,7 +5570,7 @@ function PlainAnyOfControl({
   rootSchema
 }) {
   const { formOptions } = useFormOptions();
-  const { core, renderers, cells } = import_react31.useJsonForms();
+  const { core, renderers, cells } = import_react4.useJsonForms();
   const inferType = (schema2) => {
     if (!schema2) {
       return;
@@ -7735,17 +5590,17 @@ function PlainAnyOfControl({
     }
     return;
   };
-  const options = import_react32.useMemo(() => {
+  const options = import_react5.useMemo(() => {
     const anyOf = schema.anyOf ?? [];
     return anyOf.map((opt, idx) => {
-      const resolved = opt.$ref ? import_core31.Resolve.schema(rootSchema, opt.$ref, rootSchema) : opt;
+      const resolved = opt.$ref ? import_core3.Resolve.schema(rootSchema, opt.$ref, rootSchema) : opt;
       const refLabel = typeof opt.$ref === "string" ? opt.$ref.split("/").slice(-1)[0] : undefined;
       const typeLabel = inferType(resolved) ?? inferType(opt);
       const label2 = resolved?.title ?? refLabel ?? typeLabel ?? `Option ${idx + 1}`;
       return { original: opt, resolved, label: label2 };
     });
   }, [schema.anyOf, rootSchema]);
-  const isValidOptionIndex = import_react32.useMemo(() => {
+  const isValidOptionIndex = import_react5.useMemo(() => {
     return (optionIndex) => {
       if (!core?.ajv || data === undefined) {
         return false;
@@ -7754,7 +5609,7 @@ function PlainAnyOfControl({
       return validate(data);
     };
   }, [core?.ajv, data, options]);
-  const validOptionIndex = import_react32.useMemo(() => {
+  const validOptionIndex = import_react5.useMemo(() => {
     for (let i = 0;i < options.length; i++) {
       if (isValidOptionIndex(i)) {
         return i;
@@ -7762,7 +5617,7 @@ function PlainAnyOfControl({
     }
     return -1;
   }, [options, isValidOptionIndex]);
-  const [selectedOption, setSelectedOption] = import_react32.useState(validOptionIndex >= 0 ? String(validOptionIndex) : null);
+  const [selectedOption, setSelectedOption] = import_react5.useState(validOptionIndex >= 0 ? String(validOptionIndex) : null);
   const schemaDefaultValue = (opt) => {
     const t = opt.type ?? (opt.properties ? "object" : opt.items ? "array" : undefined);
     switch (t) {
@@ -7788,19 +5643,19 @@ function PlainAnyOfControl({
     value: String(i),
     label: o.label
   }));
-  return /* @__PURE__ */ jsx_runtime45.jsx(jsx_runtime45.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime45.jsx(import_core32.Input.Wrapper, {
+  return /* @__PURE__ */ jsx_runtime3.jsx(jsx_runtime3.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime3.jsx(import_core4.Input.Wrapper, {
       label,
       description: formOptions.withDescriptions ? schema.description ?? null : null,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsx_runtime45.jsxs(import_core32.Paper, {
+      children: /* @__PURE__ */ jsx_runtime3.jsxs(import_core4.Paper, {
         withBorder: true,
         shadow: "0",
         bg: "var(--remoraid-transparent-background)",
         p: formOptions.gutter,
         mt: formOptions.withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
         children: [
-          /* @__PURE__ */ jsx_runtime45.jsx(import_core32.Select, {
+          /* @__PURE__ */ jsx_runtime3.jsx(import_core4.Select, {
             label: "Value type",
             data: selectData,
             value: selectedOption,
@@ -7821,7 +5676,7 @@ function PlainAnyOfControl({
             variant: "default",
             mb: selectedOption !== null && inferType(selectedSchema) !== "null" ? formOptions.gutter : undefined
           }),
-          selectedOption !== null && /* @__PURE__ */ jsx_runtime45.jsx(import_react31.JsonForms, {
+          selectedOption !== null && /* @__PURE__ */ jsx_runtime3.jsx(import_react4.JsonForms, {
             schema: {
               ...selectedSchema,
               $schema: undefined
@@ -7839,21 +5694,21 @@ function PlainAnyOfControl({
     })
   });
 }
-var AnyOfControl = import_react31.withJsonFormsControlProps(PlainAnyOfControl);
+var AnyOfControl = import_react4.withJsonFormsControlProps(PlainAnyOfControl);
 var AnyOfControl_default = AnyOfControl;
 
 // src/jsonforms/renderers/ArrayControl.tsx
-var import_react33 = require("@jsonforms/react");
-var import_core33 = require("@mantine/core");
-var import_icons_react13 = require("@tabler/icons-react");
-var import_core34 = require("remoraid/core");
-var import_lodash21 = __toESM(require_lodash());
-var jsx_runtime46 = require("react/jsx-runtime");
+var import_react6 = require("@jsonforms/react");
+var import_core5 = require("@mantine/core");
+var import_icons_react = require("@tabler/icons-react");
+var import_core6 = require("remoraid/core");
+var import_lodash = __toESM(require_lodash());
+var jsx_runtime4 = require("react/jsx-runtime");
 function PlainArrayControl(props) {
-  const theme = import_core34.useRemoraidTheme();
+  const theme = import_core6.useRemoraidTheme();
   const { label, schema, data, handleChange, path, required } = props;
   const { formOptions } = useFormOptions();
-  const { renderers, cells } = import_react33.useJsonForms();
+  const { renderers, cells } = import_react6.useJsonForms();
   let schemaItems;
   if (schema.items && !Array.isArray(schema.items)) {
     schemaItems = {
@@ -7867,45 +5722,45 @@ function PlainArrayControl(props) {
       required: ["item"]
     };
   } else {
-    return /* @__PURE__ */ jsx_runtime46.jsx(import_core34.AlertMinimal, {
-      category: import_core34.AlertCategory.Negative,
+    return /* @__PURE__ */ jsx_runtime4.jsx(import_core6.AlertMinimal, {
+      category: import_core6.AlertCategory.Negative,
       title: "Renderer missing",
       text: `Could not find applicable renderer for property '${label}'.`
     });
   }
-  return /* @__PURE__ */ jsx_runtime46.jsx(jsx_runtime46.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime46.jsx(import_core33.Input.Wrapper, {
+  return /* @__PURE__ */ jsx_runtime4.jsx(jsx_runtime4.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime4.jsx(import_core5.Input.Wrapper, {
       label,
       description: formOptions.withDescriptions ? schema.description : undefined,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsx_runtime46.jsx(import_core33.Paper, {
+      children: /* @__PURE__ */ jsx_runtime4.jsx(import_core5.Paper, {
         withBorder: Array.isArray(data) && data.length > 0,
         shadow: "0",
         bg: "var(--remoraid-transparent-background)",
         p: Array.isArray(data) && data.length > 0 ? formOptions.gutter : 0,
         mt: formOptions.withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
-        children: /* @__PURE__ */ jsx_runtime46.jsxs(import_core33.Stack, {
+        children: /* @__PURE__ */ jsx_runtime4.jsxs(import_core5.Stack, {
           align: "stretch",
           justify: "flex-start",
           gap: formOptions.gutter,
           children: [
             Array.isArray(data) ? data.map((item, i) => {
-              return /* @__PURE__ */ jsx_runtime46.jsxs(import_core33.Flex, {
+              return /* @__PURE__ */ jsx_runtime4.jsxs(import_core5.Flex, {
                 gap: formOptions.gutter,
                 justify: "flex-start",
                 align: "center",
                 direction: "row",
                 wrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx_runtime46.jsx(import_core33.Box, {
+                  /* @__PURE__ */ jsx_runtime4.jsx(import_core5.Box, {
                     flex: 1,
-                    children: /* @__PURE__ */ jsx_runtime46.jsx(import_react33.JsonForms, {
+                    children: /* @__PURE__ */ jsx_runtime4.jsx(import_react6.JsonForms, {
                       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];
@@ -7915,11 +5770,11 @@ function PlainArrayControl(props) {
                       validationMode: "NoValidation"
                     })
                   }),
-                  /* @__PURE__ */ jsx_runtime46.jsx(import_core34.RemoraidButton, {
+                  /* @__PURE__ */ jsx_runtime4.jsx(import_core6.RemoraidButton, {
                     responsive: false,
                     collapsed: true,
                     label: "Delete item",
-                    icon: import_icons_react13.IconTrash,
+                    icon: import_icons_react.IconTrash,
                     onClick: () => {
                       handleChange(path, data.filter((_, index) => index !== i));
                     },
@@ -7927,10 +5782,10 @@ function PlainArrayControl(props) {
                   })
                 ]
               }, i);
-            }) : /* @__PURE__ */ jsx_runtime46.jsx(jsx_runtime46.Fragment, {}),
-            /* @__PURE__ */ jsx_runtime46.jsx(import_core33.Button, {
+            }) : /* @__PURE__ */ jsx_runtime4.jsx(jsx_runtime4.Fragment, {}),
+            /* @__PURE__ */ jsx_runtime4.jsx(import_core5.Button, {
               variant: "default",
-              leftSection: /* @__PURE__ */ jsx_runtime46.jsx(import_icons_react13.IconPlus, {
+              leftSection: /* @__PURE__ */ jsx_runtime4.jsx(import_icons_react.IconPlus, {
                 ...theme.componentsProps.icons.medium
               }),
               onClick: () => {
@@ -7954,13 +5809,13 @@ function PlainArrayControl(props) {
     })
   });
 }
-var ArrayControl = import_react33.withJsonFormsControlProps(PlainArrayControl);
+var ArrayControl = import_react6.withJsonFormsControlProps(PlainArrayControl);
 var ArrayControl_default = ArrayControl;
 
 // src/jsonforms/renderers/CheckboxControl.tsx
-var import_react34 = require("@jsonforms/react");
-var import_core35 = require("@mantine/core");
-var jsx_runtime47 = require("react/jsx-runtime");
+var import_react7 = require("@jsonforms/react");
+var import_core7 = require("@mantine/core");
+var jsx_runtime5 = require("react/jsx-runtime");
 function PlainCheckboxControl({
   data,
   handleChange,
@@ -7970,8 +5825,8 @@ function PlainCheckboxControl({
   schema
 }) {
   const { formOptions } = useFormOptions();
-  return /* @__PURE__ */ jsx_runtime47.jsx(jsx_runtime47.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime47.jsx(import_core35.Checkbox, {
+  return /* @__PURE__ */ jsx_runtime5.jsx(jsx_runtime5.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime5.jsx(import_core7.Checkbox, {
       label,
       py: formOptions.gutter,
       labelPosition: "left",
@@ -7984,13 +5839,13 @@ function PlainCheckboxControl({
     })
   });
 }
-var CheckboxControl = import_react34.withJsonFormsControlProps(PlainCheckboxControl);
+var CheckboxControl = import_react7.withJsonFormsControlProps(PlainCheckboxControl);
 var CheckboxControl_default = CheckboxControl;
 
 // src/jsonforms/renderers/NumberControl.tsx
-var import_react35 = require("@jsonforms/react");
-var import_core36 = require("@mantine/core");
-var jsx_runtime48 = require("react/jsx-runtime");
+var import_react8 = require("@jsonforms/react");
+var import_core8 = require("@mantine/core");
+var jsx_runtime6 = require("react/jsx-runtime");
 function PlainNumberControl({
   data,
   handleChange,
@@ -8002,8 +5857,8 @@ function PlainNumberControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx_runtime48.jsx(jsx_runtime48.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime48.jsx(import_core36.NumberInput, {
+  return /* @__PURE__ */ jsx_runtime6.jsx(jsx_runtime6.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime6.jsx(import_core8.NumberInput, {
       label,
       variant: "default",
       value: data ?? "",
@@ -8018,16 +5873,17 @@ function PlainNumberControl({
     })
   });
 }
-var NumberControl = import_react35.withJsonFormsControlProps(PlainNumberControl);
+var NumberControl = import_react8.withJsonFormsControlProps(PlainNumberControl);
 var NumberControl_default = NumberControl;
 
 // src/jsonforms/renderers/ObjectControl.tsx
-var import_react36 = require("@jsonforms/react");
-var import_core37 = require("@mantine/core");
-var import_core38 = require("@jsonforms/core");
-var import_react37 = require("react");
-var import_icons_react14 = require("@tabler/icons-react");
-var jsx_runtime49 = require("react/jsx-runtime");
+var import_react9 = require("@jsonforms/react");
+var import_core9 = require("@mantine/core");
+var import_core10 = require("@jsonforms/core");
+var import_react10 = require("react");
+var import_icons_react2 = require("@tabler/icons-react");
+var import_core11 = require("remoraid/core");
+var jsx_runtime7 = require("react/jsx-runtime");
 function PlainObjectControl({
   label: labelProp,
   schema,
@@ -8037,8 +5893,8 @@ function PlainObjectControl({
   required
 }) {
   const { formOptions } = useFormOptions();
-  const { renderers, cells } = import_react36.useJsonForms();
-  const [newKey, setNewKey] = import_react37.useState("");
+  const { renderers, cells } = import_react9.useJsonForms();
+  const [newKey, setNewKey] = import_react10.useState("");
   const hasProperties = schema.properties && Object.keys(schema.properties).length > 0;
   const hasAdditionalProperties = schema.additionalProperties === true || schema.additionalProperties !== undefined && Object.keys(schema.additionalProperties).length > 0;
   const label = labelProp !== "remoraid-array-item" ? labelProp : null;
@@ -8046,22 +5902,22 @@ function PlainObjectControl({
   const declaredKeys = new Set(Object.keys(schema.properties ?? {}));
   const objectData = data && typeof data === "object" && !Array.isArray(data) ? data : {};
   const additionalEntries = Object.entries(objectData).filter(([key]) => !declaredKeys.has(key));
-  return /* @__PURE__ */ jsx_runtime49.jsx(import_core37.Input.Wrapper, {
+  return /* @__PURE__ */ jsx_runtime7.jsx(import_core9.Input.Wrapper, {
     label,
     description,
     withAsterisk: required,
-    children: /* @__PURE__ */ jsx_runtime49.jsx(import_core37.Paper, {
+    children: /* @__PURE__ */ jsx_runtime7.jsx(import_core9.Paper, {
       withBorder: true,
       bg: "var(--remoraid-transparent-background)",
       shadow: "0",
       p: formOptions.gutter,
       mt: Boolean(description) ? 4 : 0,
-      children: /* @__PURE__ */ jsx_runtime49.jsxs(import_core37.Stack, {
+      children: /* @__PURE__ */ jsx_runtime7.jsxs(import_core9.Stack, {
         align: "stretch",
         justify: "flex-start",
         gap: formOptions.gutter,
         children: [
-          hasProperties && /* @__PURE__ */ jsx_runtime49.jsx(import_react36.JsonForms, {
+          hasProperties && /* @__PURE__ */ jsx_runtime7.jsx(import_react9.JsonForms, {
             schema: {
               ...schema,
               $schema: undefined
@@ -8074,22 +5930,22 @@ function PlainObjectControl({
             },
             validationMode: "NoValidation"
           }),
-          hasAdditionalProperties && /* @__PURE__ */ jsx_runtime49.jsxs(jsx_runtime49.Fragment, {
+          hasAdditionalProperties && /* @__PURE__ */ jsx_runtime7.jsxs(jsx_runtime7.Fragment, {
             children: [
-              additionalEntries.length > 0 && /* @__PURE__ */ jsx_runtime49.jsx(import_core37.Stack, {
+              additionalEntries.length > 0 && /* @__PURE__ */ jsx_runtime7.jsx(import_core9.Stack, {
                 align: "stretch",
                 justify: "flex-start",
                 gap: formOptions.gutter,
-                children: additionalEntries.map(([key, data2]) => /* @__PURE__ */ jsx_runtime49.jsxs(import_core37.Flex, {
+                children: additionalEntries.map(([key, data2]) => /* @__PURE__ */ jsx_runtime7.jsxs(import_core9.Flex, {
                   gap: formOptions.gutter,
                   justify: "flex-start",
                   align: "center",
                   direction: "row",
                   wrap: "nowrap",
                   children: [
-                    /* @__PURE__ */ jsx_runtime49.jsx(import_core37.Box, {
+                    /* @__PURE__ */ jsx_runtime7.jsx(import_core9.Box, {
                       flex: 1,
-                      children: /* @__PURE__ */ jsx_runtime49.jsx(import_react36.JsonForms, {
+                      children: /* @__PURE__ */ jsx_runtime7.jsx(import_react9.JsonForms, {
                         schema: {
                           ...schema.additionalProperties === true ? {} : schema.additionalProperties,
                           title: key,
@@ -8104,15 +5960,15 @@ function PlainObjectControl({
                         cells: cells ?? [],
                         validationMode: "ValidateAndHide",
                         onChange: ({ data: newVal }) => {
-                          handleChange(import_core38.composePaths(path, key), newVal);
+                          handleChange(import_core10.composePaths(path, key), newVal);
                         }
                       })
                     }),
-                    /* @__PURE__ */ jsx_runtime49.jsx(RemoraidButton, {
+                    /* @__PURE__ */ jsx_runtime7.jsx(import_core11.RemoraidButton, {
                       responsive: false,
                       collapsed: true,
                       label: `Delete ${key}`,
-                      icon: import_icons_react14.IconTrash,
+                      icon: import_icons_react2.IconTrash,
                       onClick: () => {
                         if (declaredKeys.has(key)) {
                           return;
@@ -8126,12 +5982,12 @@ function PlainObjectControl({
                   ]
                 }, key))
               }),
-              /* @__PURE__ */ jsx_runtime49.jsxs(import_core37.Group, {
+              /* @__PURE__ */ jsx_runtime7.jsxs(import_core9.Group, {
                 gap: formOptions.gutter,
                 wrap: "nowrap",
                 align: "flex-end",
                 children: [
-                  /* @__PURE__ */ jsx_runtime49.jsx(import_core37.TextInput, {
+                  /* @__PURE__ */ jsx_runtime7.jsx(import_core9.TextInput, {
                     label: "New key",
                     variant: "default",
                     value: newKey,
@@ -8142,11 +5998,11 @@ function PlainObjectControl({
                     description: formOptions.withDescriptions ? "Key for new additional property value" : null,
                     flex: 1
                   }),
-                  /* @__PURE__ */ jsx_runtime49.jsx(RemoraidButton, {
+                  /* @__PURE__ */ jsx_runtime7.jsx(import_core11.RemoraidButton, {
                     responsive: false,
                     collapsed: true,
                     label: "Add key",
-                    icon: import_icons_react14.IconPlus,
+                    icon: import_icons_react2.IconPlus,
                     onClick: () => {
                       const key = newKey.trim();
                       if (!key) {
@@ -8176,13 +6032,13 @@ function PlainObjectControl({
     })
   });
 }
-var ObjectControl = import_react36.withJsonFormsControlProps(PlainObjectControl);
+var ObjectControl = import_react9.withJsonFormsControlProps(PlainObjectControl);
 var ObjectControl_default = ObjectControl;
 
 // src/jsonforms/renderers/StringSelectControl.tsx
-var import_react38 = require("@jsonforms/react");
-var import_core40 = require("@mantine/core");
-var jsx_runtime50 = require("react/jsx-runtime");
+var import_react11 = require("@jsonforms/react");
+var import_core12 = require("@mantine/core");
+var jsx_runtime8 = require("react/jsx-runtime");
 function PlainTimestampControl({
   data,
   handleChange,
@@ -8194,8 +6050,8 @@ function PlainTimestampControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx_runtime50.jsx(jsx_runtime50.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime50.jsx(import_core40.Select, {
+  return /* @__PURE__ */ jsx_runtime8.jsx(jsx_runtime8.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime8.jsx(import_core12.Select, {
       label,
       data: schema.enum,
       value: data,
@@ -8209,18 +6065,18 @@ function PlainTimestampControl({
     })
   });
 }
-var TimestampControl = import_react38.withJsonFormsControlProps(PlainTimestampControl);
+var TimestampControl = import_react11.withJsonFormsControlProps(PlainTimestampControl);
 var StringSelectControl_default = TimestampControl;
 
 // src/jsonforms/renderers/testers/anyControlTesters.ts
-var import_core41 = require("@jsonforms/core");
+var import_core13 = require("@jsonforms/core");
 var testers = [
-  import_core41.rankWith(5, import_core41.isControl),
-  import_core41.rankWith(15, import_core41.and(import_core41.and(import_core41.uiTypeIs("Control"), import_core41.schemaTypeIs("object")), (uischema, schema, ctx) => {
-    if (!import_core41.isControl(uischema)) {
+  import_core13.rankWith(5, import_core13.isControl),
+  import_core13.rankWith(15, import_core13.and(import_core13.and(import_core13.uiTypeIs("Control"), import_core13.schemaTypeIs("object")), (uischema, schema, ctx) => {
+    if (!import_core13.isControl(uischema)) {
       return false;
     }
-    const resolvedSchema = import_core41.Resolve.schema(schema, uischema.scope, ctx.rootSchema);
+    const resolvedSchema = import_core13.Resolve.schema(schema, uischema.scope, ctx.rootSchema);
     const hasProperties = resolvedSchema.properties && Object.keys(resolvedSchema.properties).length > 0;
     const hasAdditionalProperties = resolvedSchema.additionalProperties === true || resolvedSchema.additionalProperties !== undefined && Object.keys(resolvedSchema.additionalProperties).length > 0;
     return !hasProperties && !hasAdditionalProperties;
@@ -8229,59 +6085,59 @@ var testers = [
 var anyControlTesters_default = testers;
 
 // src/jsonforms/renderers/testers/anyOfControlTester.ts
-var import_core42 = require("@jsonforms/core");
-var tester = import_core42.rankWith(10, import_core42.and(import_core42.uiTypeIs("Control"), import_core42.isAnyOfControl));
+var import_core14 = require("@jsonforms/core");
+var tester = import_core14.rankWith(10, import_core14.and(import_core14.uiTypeIs("Control"), import_core14.isAnyOfControl));
 var anyOfControlTester_default = tester;
 
 // src/jsonforms/renderers/testers/arrayControlTester.ts
-var import_core43 = require("@jsonforms/core");
-var tester2 = import_core43.rankWith(10, import_core43.and(import_core43.uiTypeIs("Control"), import_core43.schemaTypeIs("array")));
+var import_core15 = require("@jsonforms/core");
+var tester2 = import_core15.rankWith(10, import_core15.and(import_core15.uiTypeIs("Control"), import_core15.schemaTypeIs("array")));
 var arrayControlTester_default = tester2;
 
 // src/jsonforms/renderers/testers/checkboxControlTester.ts
-var import_core44 = require("@jsonforms/core");
-var tester3 = import_core44.rankWith(10, import_core44.and(import_core44.uiTypeIs("Control"), import_core44.schemaTypeIs("boolean")));
+var import_core16 = require("@jsonforms/core");
+var tester3 = import_core16.rankWith(10, import_core16.and(import_core16.uiTypeIs("Control"), import_core16.schemaTypeIs("boolean")));
 var checkboxControlTester_default = tester3;
 
 // src/jsonforms/renderers/testers/numberControlTester.ts
-var import_core45 = require("@jsonforms/core");
-var tester4 = import_core45.rankWith(8, (a, b, c) => {
+var import_core17 = require("@jsonforms/core");
+var tester4 = import_core17.rankWith(8, (a, b, c) => {
   if (b.type === "integer") {
     return true;
   }
-  return import_core45.and(import_core45.uiTypeIs("Control"), import_core45.or(import_core45.schemaTypeIs("number"), import_core45.schemaTypeIs("integer")))(a, b, c);
+  return import_core17.and(import_core17.uiTypeIs("Control"), import_core17.or(import_core17.schemaTypeIs("number"), import_core17.schemaTypeIs("integer")))(a, b, c);
 });
 var numberControlTester_default = tester4;
 
 // src/jsonforms/renderers/testers/objectControlTester.ts
-var import_core46 = require("@jsonforms/core");
-var tester5 = import_core46.rankWith(10, import_core46.and(import_core46.uiTypeIs("Control"), import_core46.schemaTypeIs("object")));
+var import_core18 = require("@jsonforms/core");
+var tester5 = import_core18.rankWith(10, import_core18.and(import_core18.uiTypeIs("Control"), import_core18.schemaTypeIs("object")));
 var objectControlTester_default = tester5;
 
 // src/jsonforms/renderers/testers/stringSelectControlTester.ts
-var import_core47 = require("@jsonforms/core");
-var tester6 = import_core47.rankWith(11, import_core47.and(import_core47.uiTypeIs("Control"), import_core47.schemaTypeIs("string"), import_core47.isEnumControl));
+var import_core19 = require("@jsonforms/core");
+var tester6 = import_core19.rankWith(11, import_core19.and(import_core19.uiTypeIs("Control"), import_core19.schemaTypeIs("string"), import_core19.isEnumControl));
 var stringSelectControlTester_default = tester6;
 
 // src/jsonforms/renderers/testers/textControlTester.ts
-var import_core48 = require("@jsonforms/core");
-var tester7 = import_core48.rankWith(10, import_core48.and(import_core48.uiTypeIs("Control"), import_core48.schemaTypeIs("string")));
+var import_core20 = require("@jsonforms/core");
+var tester7 = import_core20.rankWith(10, import_core20.and(import_core20.uiTypeIs("Control"), import_core20.schemaTypeIs("string")));
 var textControlTester_default = tester7;
 
 // src/jsonforms/renderers/testers/timestampControlTester.ts
-var import_core49 = require("@jsonforms/core");
-var tester8 = import_core49.rankWith(11, import_core49.and(import_core49.uiTypeIs("Control"), import_core49.schemaTypeIs("integer"), import_core49.scopeEndsWith("startTime")));
+var import_core21 = require("@jsonforms/core");
+var tester8 = import_core21.rankWith(11, import_core21.and(import_core21.uiTypeIs("Control"), import_core21.schemaTypeIs("integer"), import_core21.scopeEndsWith("startTime")));
 var timestampControlTester_default = tester8;
 
 // src/jsonforms/renderers/testers/verticalLayoutTester.ts
-var import_core50 = require("@jsonforms/core");
-var tester9 = import_core50.rankWith(2, import_core50.uiTypeIs("VerticalLayout"));
+var import_core22 = require("@jsonforms/core");
+var tester9 = import_core22.rankWith(2, import_core22.uiTypeIs("VerticalLayout"));
 var verticalLayoutTester_default = tester9;
 
 // src/jsonforms/renderers/TextControl.tsx
-var import_react39 = require("@jsonforms/react");
-var import_core51 = require("@mantine/core");
-var jsx_runtime51 = require("react/jsx-runtime");
+var import_react12 = require("@jsonforms/react");
+var import_core23 = require("@mantine/core");
+var jsx_runtime9 = require("react/jsx-runtime");
 function PlainTextControl({
   data,
   handleChange,
@@ -8293,8 +6149,8 @@ function PlainTextControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx_runtime51.jsx(jsx_runtime51.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime51.jsx(import_core51.TextInput, {
+  return /* @__PURE__ */ jsx_runtime9.jsx(jsx_runtime9.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime9.jsx(import_core23.TextInput, {
       label,
       variant: "default",
       placeholder: "",
@@ -8307,14 +6163,14 @@ function PlainTextControl({
     })
   });
 }
-var TextControl = import_react39.withJsonFormsControlProps(PlainTextControl);
+var TextControl = import_react12.withJsonFormsControlProps(PlainTextControl);
 var TextControl_default = TextControl;
 
 // src/jsonforms/renderers/TimestampControl.tsx
-var import_react40 = require("@jsonforms/react");
+var import_react13 = require("@jsonforms/react");
 var import_dates = require("@mantine/dates");
 var import_dayjs = __toESM(require("dayjs"));
-var jsx_runtime52 = require("react/jsx-runtime");
+var jsx_runtime10 = require("react/jsx-runtime");
 function PlainTimestampControl2({
   data,
   handleChange,
@@ -8326,8 +6182,8 @@ function PlainTimestampControl2({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx_runtime52.jsx(jsx_runtime52.Fragment, {
-    children: /* @__PURE__ */ jsx_runtime52.jsx(import_dates.DateTimePicker, {
+  return /* @__PURE__ */ jsx_runtime10.jsx(jsx_runtime10.Fragment, {
+    children: /* @__PURE__ */ jsx_runtime10.jsx(import_dates.DateTimePicker, {
       variant: "default",
       label,
       placeholder: "Pick date and time",
@@ -8341,35 +6197,35 @@ function PlainTimestampControl2({
     })
   });
 }
-var TimestampControl2 = import_react40.withJsonFormsControlProps(PlainTimestampControl2);
+var TimestampControl2 = import_react13.withJsonFormsControlProps(PlainTimestampControl2);
 var TimestampControl_default = TimestampControl2;
 
 // src/jsonforms/renderers/VerticalLayout.tsx
-var import_react41 = __toESM(require("react"));
-var import_react42 = require("@jsonforms/react");
-var import_react43 = require("@jsonforms/react");
-var jsx_runtime53 = require("react/jsx-runtime");
+var import_react14 = __toESM(require("react"));
+var import_react15 = require("@jsonforms/react");
+var import_react16 = require("@jsonforms/react");
+var jsx_runtime11 = require("react/jsx-runtime");
 "use client";
 var JsonFormsLayout = ({
   className,
   children,
   visible
 }) => {
-  return /* @__PURE__ */ jsx_runtime53.jsx("div", {
+  return /* @__PURE__ */ jsx_runtime11.jsx("div", {
     className,
     hidden: visible === undefined || visible === null ? false : !visible,
     children
   });
 };
 var renderChildren = (layout, schema, className, path, enabled) => {
-  const { renderers, cells } = import_react43.useJsonForms();
+  const { renderers, cells } = import_react16.useJsonForms();
   const { formOptions } = useFormOptions();
   const gutter = typeof formOptions.gutter === "string" ? `var(--mantine-spacing-${formOptions.gutter})` : `${formOptions.gutter}px`;
   return layout.elements.map((child, index) => {
-    return /* @__PURE__ */ jsx_runtime53.jsx("div", {
+    return /* @__PURE__ */ jsx_runtime11.jsx("div", {
       className,
       style: { marginTop: index === 0 ? 0 : gutter },
-      children: /* @__PURE__ */ jsx_runtime53.jsx(import_react43.JsonFormsDispatch, {
+      children: /* @__PURE__ */ jsx_runtime11.jsx(import_react16.JsonFormsDispatch, {
         renderers,
         cells,
         uischema: child,
@@ -8382,11 +6238,11 @@ var renderChildren = (layout, schema, className, path, enabled) => {
 };
 var VerticalLayoutRenderer = (props) => {
   const { data: _data, ...otherProps } = props;
-  return /* @__PURE__ */ jsx_runtime53.jsx(VerticalLayoutRendererComponent, {
+  return /* @__PURE__ */ jsx_runtime11.jsx(VerticalLayoutRendererComponent, {
     ...otherProps
   });
 };
-var VerticalLayoutRendererComponent = import_react41.default.memo(function VerticalLayoutRendererComponent2({
+var VerticalLayoutRendererComponent = import_react14.default.memo(function VerticalLayoutRendererComponent2({
   schema,
   uischema,
   path,
@@ -8396,7 +6252,7 @@ var VerticalLayoutRendererComponent = import_react41.default.memo(function Verti
   const verticalLayout = uischema;
   const layoutClassName = "";
   const childClassNames = "";
-  return /* @__PURE__ */ jsx_runtime53.jsx(JsonFormsLayout, {
+  return /* @__PURE__ */ jsx_runtime11.jsx(JsonFormsLayout, {
     className: layoutClassName,
     uischema,
     schema,
@@ -8406,7 +6262,7 @@ var VerticalLayoutRendererComponent = import_react41.default.memo(function Verti
     children: renderChildren(verticalLayout, schema, childClassNames, path, enabled)
   });
 });
-var VerticalLayout = import_react42.withJsonFormsLayoutProps(VerticalLayoutRenderer, false);
+var VerticalLayout = import_react15.withJsonFormsLayoutProps(VerticalLayoutRenderer, false);
 var VerticalLayout_default = VerticalLayout;
 
 // src/jsonforms/renderers/index.ts