remoraid 1.1.0 → 2.0.0

package/dist/core/index.cjs

@@ -0,0 +1,1206 @@
+"use client";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// src/core/index.ts
+var exports_core = {};
+__export(exports_core, {
+  userExperienceCookieName: () => userExperienceCookieName,
+  useWidgets: () => useWidgets,
+  useRemoraidUserExperience: () => useRemoraidUserExperience,
+  useRemoraidTheme: () => useRemoraidTheme,
+  defaultUserExperience: () => defaultUserExperience,
+  defaultNavbarSettings: () => defaultNavbarSettings,
+  createRemoraidTheme: () => createRemoraidTheme,
+  WidgetWrapper: () => WidgetWrapper,
+  WidgetSelectionHeader: () => WidgetSelectionHeader,
+  Widget: () => Widget,
+  ResponsiveButton: () => ResponsiveButton,
+  RemoraidProvider: () => RemoraidProvider,
+  Page: () => Page,
+  NotFoundPage: () => NotFoundPage,
+  EnvironmentShell: () => EnvironmentShell,
+  CloseButton: () => CloseButton,
+  BadgeMinimal: () => BadgeMinimal,
+  BadgeGroup: () => BadgeGroup,
+  AppShell: () => AppShell,
+  AlertMinimal: () => AlertMinimal
+});
+module.exports = __toCommonJS(exports_core);
+
+// src/core/components/RemoraidProvider/UserExperienceProvider/index.tsx
+var import_react3 = __toESM(require("react"));
+var import_react_cookie = require("react-cookie");
+
+// src/core/components/AppShell/NavbarMinimal/index.tsx
+var import_core2 = require("@mantine/core");
+var import_icons_react2 = require("@tabler/icons-react");
+var import_link = __toESM(require("next/link"));
+var import_navigation = require("next/navigation");
+var import_react2 = require("react");
+
+// src/core/lib/utils.ts
+var co = (condition, value, fallback) => condition(value) ? value : fallback;
+
+// src/core/components/RemoraidProvider/ThemeProvider/index.tsx
+var import_core = require("@mantine/core");
+var import_icons_react = require("@tabler/icons-react");
+var import_react = __toESM(require("react"));
+var jsx_dev_runtime = require("react/jsx-dev-runtime");
+var isMantinePrimaryShade = (primaryShade) => {
+  if (isNaN(Number(primaryShade))) {
+    return true;
+  }
+  return false;
+};
+var createRemoraidTheme = (customTheme, mantineTheme, colorScheme) => {
+  const defaultMediumIconProps = { size: "1.125em" };
+  let transparentBackground;
+  let primaryColor;
+  let spacingPx;
+  if (mantineTheme && colorScheme) {
+    transparentBackground = colorScheme === "dark" ? import_core.rgba(mantineTheme.colors.dark[8], 0.8) : import_core.rgba(mantineTheme.white, 0.8);
+    primaryColor = mantineTheme.colors[mantineTheme.primaryColor][isMantinePrimaryShade(mantineTheme.primaryShade) ? mantineTheme.primaryShade[colorScheme === "auto" ? "light" : colorScheme] : mantineTheme.primaryShade];
+    spacingPx = {
+      xs: Number(co((v) => !Number.isNaN(v), Number(import_core.px(mantineTheme.spacing.xs)), 0)),
+      sm: Number(co((v) => !Number.isNaN(v), Number(import_core.px(mantineTheme.spacing.sm)), 0)),
+      md: Number(co((v) => !Number.isNaN(v), Number(import_core.px(mantineTheme.spacing.md)), 0)),
+      lg: Number(co((v) => !Number.isNaN(v), Number(import_core.px(mantineTheme.spacing.lg)), 0)),
+      xl: Number(co((v) => !Number.isNaN(v), Number(import_core.px(mantineTheme.spacing.xl)), 0))
+    };
+  }
+  return {
+    complete: true,
+    transitionDurations: {
+      short: 200,
+      medium: 350,
+      long: 500
+    },
+    breakpoints: {
+      buttonCollapse: "md",
+      badgeGroupCollapse: "md"
+    },
+    scrollAreaProps: {
+      scrollbarSize: 8,
+      scrollHideDelay: 20,
+      type: "hover"
+    },
+    containerSize: 1300,
+    alertProps: {
+      negative: {
+        icon: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(import_icons_react.IconAlertCircle, {
+          ...defaultMediumIconProps
+        }, undefined, false, undefined, this),
+        variant: "light",
+        color: "red",
+        title: "Attention!"
+      },
+      neutral: {
+        icon: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(import_icons_react.IconInfoCircle, {
+          ...defaultMediumIconProps
+        }, undefined, false, undefined, this),
+        variant: "light",
+        color: mantineTheme?.primaryColor,
+        title: "Information"
+      },
+      positive: {
+        icon: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(import_icons_react.IconCircleCheck, {
+          ...defaultMediumIconProps
+        }, undefined, false, undefined, this),
+        variant: "light",
+        color: "green",
+        title: "Success"
+      }
+    },
+    iconProps: {
+      medium: defaultMediumIconProps,
+      tiny: { size: 14, stroke: 3 }
+    },
+    transparentBackground,
+    primaryColor,
+    spacingPx,
+    ...customTheme
+  };
+};
+var isRemoraidTheme = (x) => {
+  if (!x) {
+    return false;
+  }
+  if (typeof x !== "object") {
+    return false;
+  }
+  if (!("complete" in x)) {
+    return false;
+  }
+  return true;
+};
+var themeContext = import_react.default.createContext(createRemoraidTheme());
+var useRemoraidTheme = () => {
+  return import_react.useContext(themeContext);
+};
+function ThemeProvider({
+  children,
+  theme
+}) {
+  const mantineTheme = import_core.useMantineTheme();
+  const { colorScheme } = import_core.useMantineColorScheme();
+  const remoraidTheme = import_react.useMemo(() => {
+    let value;
+    if (isRemoraidTheme(theme)) {
+      value = theme;
+    } else if (typeof theme === "function") {
+      value = theme(mantineTheme, colorScheme);
+    } else {
+      value = createRemoraidTheme(theme, mantineTheme, colorScheme);
+    }
+    return value;
+  }, [colorScheme]);
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(themeContext.Provider, {
+    value: remoraidTheme,
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/core/components/AppShell/NavbarMinimal/index.tsx
+var jsx_dev_runtime2 = require("react/jsx-dev-runtime");
+function NavbarLink({
+  icon: Icon2,
+  label,
+  active,
+  onClick,
+  href,
+  indicator,
+  settings
+}) {
+  const [isHoveringRoleIndicator, setIsHoveringRoleIndicator] = import_react2.useState(false);
+  const iconProps = {
+    size: settings.iconSize,
+    stroke: 1.5
+  };
+  if (!href) {
+    return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core2.Tooltip, {
+      label,
+      position: "right",
+      transitionProps: { duration: 0 },
+      children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core2.UnstyledButton, {
+        onClick,
+        className: "remoraid-navbar-minimal-link",
+        "data-active": active || undefined,
+        w: settings.linkSize,
+        h: settings.linkSize,
+        children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Icon2, {
+          ...iconProps
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  const button = /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core2.UnstyledButton, {
+    onClick,
+    className: "remoraid-navbar-minimal-link",
+    "data-active": active || undefined,
+    w: settings.linkSize,
+    h: settings.linkSize,
+    component: import_link.default,
+    href,
+    children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Icon2, {
+      ...iconProps
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core2.Tooltip, {
+    label,
+    position: "right",
+    transitionProps: { duration: 0 },
+    children: indicator === undefined ? button : /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core2.Indicator, {
+      withBorder: true,
+      size: 13,
+      offset: 2,
+      onMouseEnter: () => setIsHoveringRoleIndicator(true),
+      onMouseLeave: () => setIsHoveringRoleIndicator(false),
+      ...indicator(isHoveringRoleIndicator),
+      children: button
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var defaultSettings = {
+  hiddenPages: [],
+  linkSize: import_core2.rem("50px"),
+  iconSize: "50%",
+  px: "sm",
+  py: "md"
+};
+function NavbarMinimal({
+  logo,
+  user,
+  links: linksProp,
+  settings: settingsProp,
+  linkIndicator,
+  logoIndicator,
+  onLogout
+}) {
+  const { userExperience } = useRemoraidUserExperience();
+  const pathname = import_navigation.usePathname();
+  const theme = useRemoraidTheme();
+  const { setColorScheme, colorScheme } = import_core2.useMantineColorScheme();
+  const [isHoveringRoleIndicator, setIsHoveringRoleIndicator] = import_react2.useState(false);
+  const settings = settingsProp || userExperience.navbarSettings;
+  const links = linksProp.filter((link) => !settings.hiddenPages.includes(link.href)).map((link) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(NavbarLink, {
+    active: link.href === pathname,
+    indicator: linkIndicator,
+    settings,
+    ...link
+  }, link.label, false, undefined, this));
+  const logoImage = logo({
+    style: {
+      cursor: "pointer",
+      width: settings.linkSize,
+      height: settings.linkSize
+    }
+  });
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core2.Paper, {
+    h: "100%",
+    py: settings.py,
+    bg: theme.transparentBackground,
+    radius: 0,
+    shadow: "md",
+    children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core2.Flex, {
+      direction: "column",
+      h: "100%",
+      align: "center",
+      px: settings.px,
+      children: [
+        logoIndicator === undefined ? logoImage : /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core2.Indicator, {
+          withBorder: true,
+          offset: 2,
+          size: 13,
+          onMouseEnter: () => setIsHoveringRoleIndicator(true),
+          onMouseLeave: () => setIsHoveringRoleIndicator(false),
+          ...logoIndicator(isHoveringRoleIndicator),
+          children: logoImage
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core2.Divider, {
+          my: "md",
+          variant: "dashed",
+          w: "100%"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core2.Stack, {
+          justify: "flex-start",
+          gap: 0,
+          flex: 1,
+          children: links
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core2.Stack, {
+          justify: "center",
+          gap: 0,
+          children: [
+            user !== undefined && (user === null ? /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(NavbarLink, {
+              icon: import_icons_react2.IconLogin,
+              label: "Login",
+              href: "/login",
+              active: pathname === "/login",
+              settings
+            }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(NavbarLink, {
+              icon: import_icons_react2.IconLogout,
+              label: "Logout",
+              onClick: () => {
+                if (onLogout) {
+                  onLogout();
+                }
+              },
+              href: "/login",
+              settings
+            }, undefined, false, undefined, this)),
+            /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(NavbarLink, {
+              icon: colorScheme === "dark" ? import_icons_react2.IconSun : import_icons_react2.IconMoon,
+              onClick: () => {
+                if (colorScheme === "dark") {
+                  setColorScheme("light");
+                } else {
+                  setColorScheme("dark");
+                }
+              },
+              label: "Toggle Color Scheme",
+              settings
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/core/components/RemoraidProvider/UserExperienceProvider/index.tsx
+var jsx_dev_runtime3 = require("react/jsx-dev-runtime");
+var defaultNavbarSettings = {
+  minimal: defaultSettings
+};
+var defaultUserExperience = {
+  navbarVariant: "minimal",
+  navbarSettings: defaultNavbarSettings.minimal,
+  showWelcomeMessage: true
+};
+var userExperienceContext = import_react3.default.createContext({
+  userExperience: defaultUserExperience,
+  updateUserExperience: () => {},
+  processedCookie: false
+});
+var userExperienceCookieName = "remoraid-user-experience";
+var useRemoraidUserExperience = () => {
+  return import_react3.useContext(userExperienceContext);
+};
+function UserExperienceProvider({
+  children,
+  initialValue
+}) {
+  const [cookies, setCookie] = import_react_cookie.useCookies();
+  const [userExperience, setUserExperience] = import_react3.useState({
+    ...defaultUserExperience,
+    ...initialValue
+  });
+  const [processedCookie, setProcessedCookie] = import_react3.useState(false);
+  const isUserExperience = (x) => {
+    if (typeof x !== "object") {
+      return false;
+    }
+    if (!("showWelcomeMessage" in x)) {
+      return false;
+    }
+    if (!("navbarVariant" in x)) {
+      return false;
+    }
+    if (!("navbarSettings" in x)) {
+      return false;
+    }
+    if (typeof x.navbarSettings !== "object") {
+      return false;
+    }
+    if (!("hiddenPages" in x.navbarSettings)) {
+      return false;
+    }
+    if (!("linkSize" in x.navbarSettings)) {
+      return false;
+    }
+    if (!("px" in x.navbarSettings)) {
+      return false;
+    }
+    if (!("py" in x.navbarSettings)) {
+      return false;
+    }
+    return true;
+  };
+  const updateUserExperience = (p) => {
+    const updatedUserExperience = typeof p === "function" ? p(userExperience) : p;
+    setCookie(userExperienceCookieName, updatedUserExperience, { path: "/" });
+    setUserExperience(updatedUserExperience);
+  };
+  import_react3.useEffect(() => {
+    const userExperienceCookie = cookies[userExperienceCookieName];
+    if (userExperienceCookie && isUserExperience(userExperienceCookie)) {
+      setUserExperience(userExperienceCookie);
+    }
+    if (cookies && !processedCookie) {
+      setProcessedCookie(true);
+    }
+  }, [cookies]);
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(userExperienceContext.Provider, {
+    value: { userExperience, updateUserExperience, processedCookie },
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/core/components/RemoraidProvider/WidgetsProvider/index.tsx
+var import_react4 = __toESM(require("react"));
+var jsx_dev_runtime4 = require("react/jsx-dev-runtime");
+var widgetsContext = import_react4.default.createContext({
+  widgets: {},
+  activeWidget: null,
+  updateActiveWidget: () => {},
+  registerWidget: () => {},
+  registerPage: () => {},
+  isWidgetRegistered: () => false,
+  isPageRegistered: () => false,
+  updateWidgetSelection: () => {},
+  updateWidgetSelectionBulk: () => {},
+  isWidgetSelected: () => false
+});
+var useWidgets = () => {
+  return import_react4.useContext(widgetsContext);
+};
+function WidgetsProvider({
+  children
+}) {
+  const [activeWidget, setActiveWidget] = import_react4.useState(null);
+  const [widgets, setWidgets] = import_react4.useState({});
+  const updateActiveWidget = (widgetId) => {
+    setActiveWidget(widgetId);
+  };
+  const updateWidgetSelection = (pageId, widgetId, value) => {
+    if (!widgets[pageId]) {
+      console.error(`Cannot change selection of widget in page ${pageId}. Because this page does exist.`);
+      return;
+    }
+    if (!widgets[pageId][widgetId]) {
+      console.error(`Cannot change selection of widget ${widgetId}. Because this widget does not exist on page ${pageId}.`);
+      return;
+    }
+    setWidgets((prev) => ({
+      ...prev,
+      [pageId]: {
+        ...widgets[pageId],
+        [widgetId]: { ...widgets[pageId][widgetId], selected: value }
+      }
+    }));
+  };
+  const updateWidgetSelectionBulk = (pageId, selectedWidgetIds) => {
+    if (!widgets[pageId]) {
+      console.error(`Cannot change selection of widget in page ${pageId}. Because this page does exist.`);
+      return;
+    }
+    const updatedPage = widgets[pageId];
+    for (let widgetId of Object.keys(updatedPage)) {
+      updatedPage[widgetId] = {
+        ...updatedPage[widgetId],
+        selected: selectedWidgetIds.includes(widgetId)
+      };
+    }
+    setWidgets((prev) => ({
+      ...prev,
+      [pageId]: updatedPage
+    }));
+  };
+  const registerPage = (pageId, initialWidgets) => {
+    setWidgets((prev) => ({
+      ...prev,
+      [pageId]: initialWidgets.reduce((t, w) => {
+        return {
+          ...t,
+          [w.widgetId]: {
+            name: w.name,
+            selected: w.initialValue === undefined ? true : w.initialValue
+          }
+        };
+      }, {})
+    }));
+  };
+  const isPageRegistered = (pageId) => {
+    if (!widgets[pageId]) {
+      return false;
+    }
+    return true;
+  };
+  const registerWidget = (pageId, widget) => {
+    if (!isPageRegistered(pageId)) {
+      if (widget.allowUnregisteredPageUsage !== false) {
+        registerPage(pageId, [widget]);
+        return;
+      }
+      console.error(`Not allowed to register widget in unregistered page ${pageId}. Try registering the page first.`);
+      return;
+    }
+    setWidgets((prev) => ({
+      ...prev,
+      [pageId]: {
+        ...prev[pageId],
+        [widget.widgetId]: {
+          name: widget.name,
+          selected: widget.initialValue === undefined ? true : widget.initialValue
+        }
+      }
+    }));
+  };
+  const isWidgetRegistered = (pageId, widgetId) => {
+    if (!widgets[pageId]) {
+      return false;
+    }
+    if (!widgets[pageId][widgetId]) {
+      return false;
+    }
+    return true;
+  };
+  const isWidgetSelected = (pageId, widgetId) => {
+    if (!isWidgetRegistered(pageId, widgetId)) {
+      return false;
+    }
+    return widgets[pageId][widgetId].selected;
+  };
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(widgetsContext.Provider, {
+    value: {
+      widgets,
+      activeWidget,
+      updateActiveWidget,
+      updateWidgetSelection,
+      updateWidgetSelectionBulk,
+      isWidgetSelected,
+      registerWidget,
+      registerPage,
+      isWidgetRegistered,
+      isPageRegistered
+    },
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/core/components/RemoraidProvider/index.tsx
+var import_react_cookie2 = require("react-cookie");
+var jsx_dev_runtime5 = require("react/jsx-dev-runtime");
+function RemoraidProvider({
+  children,
+  theme,
+  initialUserExperience,
+  componentsProps
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(import_react_cookie2.CookiesProvider, {
+    ...componentsProps?.CookiesProvider,
+    children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(ThemeProvider, {
+      theme,
+      ...componentsProps?.ThemeProvider,
+      children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(UserExperienceProvider, {
+        initialValue: initialUserExperience,
+        ...componentsProps?.UserExperienceProvider,
+        children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(WidgetsProvider, {
+          ...componentsProps?.WidgetsProvider,
+          children
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/core/components/AppShell/index.tsx
+var import_core4 = require("@mantine/core");
+var import_hooks = require("@mantine/hooks");
+
+// src/core/components/AppShell/Footer/index.tsx
+var import_core3 = require("@mantine/core");
+var import_icons_react3 = require("@tabler/icons-react");
+var jsx_dev_runtime6 = require("react/jsx-dev-runtime");
+function Footer() {
+  const theme = import_core3.useMantineTheme();
+  const { colorScheme } = import_core3.useMantineColorScheme();
+  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(import_core3.Group, {
+    justify: "center",
+    w: "100%",
+    py: "md",
+    children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(import_icons_react3.IconPennant, {
+      size: 50,
+      color: colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[3]
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/core/components/AppShell/index.tsx
+var jsx_dev_runtime7 = require("react/jsx-dev-runtime");
+function AppShell({
+  children,
+  logo,
+  navbar,
+  user
+}) {
+  const { userExperience } = useRemoraidUserExperience();
+  const mantineTheme = import_core4.useMantineTheme();
+  const theme = useRemoraidTheme();
+  const { colorScheme } = import_core4.useMantineColorScheme();
+  const [opened, { toggle }] = import_hooks.useDisclosure();
+  const navbarVariant = navbar && navbar.variant ? navbar.variant : userExperience.navbarVariant;
+  const navbarSettings = navbar && navbar.settings ? navbar.settings : userExperience.navbarSettings;
+  const navbarLinkSizePx = co((v) => !Number.isNaN(v), Number(import_core4.px(navbarSettings.linkSize)), 0);
+  const navbarPaddingPx = typeof navbarSettings.px === "number" ? navbarSettings.px : theme.spacingPx ? theme.spacingPx[navbarSettings.px] : 0;
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_core4.AppShell, {
+    header: { height: 0 },
+    navbar: {
+      width: import_core4.rem(`${navbarLinkSizePx + 2 * navbarPaddingPx}px`),
+      breakpoint: "sm",
+      collapsed: { mobile: !opened }
+    },
+    bg: colorScheme === "dark" ? mantineTheme.colors.dark[9] : mantineTheme.colors.gray[0],
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_core4.AppShell.Header, {
+        withBorder: false,
+        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_core4.Group, {
+          p: "md",
+          bg: colorScheme === "dark" ? mantineTheme.colors.dark[8] : mantineTheme.colors.gray[3],
+          hiddenFrom: "sm",
+          children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_core4.Burger, {
+            opened,
+            onClick: toggle,
+            h: 20,
+            size: 18
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_core4.AppShell.Navbar, {
+        withBorder: false,
+        children: navbarVariant === "minimal" && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(NavbarMinimal, {
+          logo,
+          user,
+          ...navbar
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_core4.AppShell.Main, {
+        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(jsx_dev_runtime7.Fragment, {
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_core4.Paper, {
+              radius: 0,
+              my: "md",
+              h: 20,
+              hiddenFrom: "sm"
+            }, undefined, false, undefined, this),
+            children,
+            /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Footer, {}, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/core/components/WidgetSelectionHeader/index.tsx
+var import_core6 = require("@mantine/core");
+
+// src/core/components/Page/index.tsx
+var import_core5 = require("@mantine/core");
+var import_react5 = __toESM(require("react"));
+var import_navigation2 = require("next/navigation");
+var jsx_dev_runtime8 = require("react/jsx-dev-runtime");
+var pageContext = import_react5.default.createContext(null);
+var usePage = () => {
+  return import_react5.useContext(pageContext);
+};
+function Page({
+  children,
+  name,
+  config,
+  pt,
+  componentsProps
+}) {
+  const pathname = import_navigation2.usePathname();
+  const { isPageRegistered, registerPage } = useWidgets();
+  const theme = useRemoraidTheme();
+  const pageId = config?.pageId ?? pathname;
+  import_react5.useEffect(() => {
+    if (!isPageRegistered(pageId)) {
+      if (config?.registerPageDirectly) {
+        registerPage(pageId, []);
+      }
+    }
+  }, []);
+  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(pageContext.Provider, {
+    value: { name: name ?? pathname, pageId, ...config },
+    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(import_core5.Container, {
+      size: theme.containerSize,
+      pt: pt ?? "md",
+      ...componentsProps?.container,
+      children
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/core/components/WidgetSelectionHeader/index.tsx
+var import_icons_react4 = require("@tabler/icons-react");
+var jsx_dev_runtime9 = require("react/jsx-dev-runtime");
+function WidgetSelectionHeader({
+  title,
+  disabledWidgets,
+  mt
+}) {
+  const theme = useRemoraidTheme();
+  const { widgets, isPageRegistered, updateWidgetSelectionBulk } = useWidgets();
+  const page = usePage();
+  if (!page) {
+    console.error("'WidgetSelectionHeader' must be rendered inside of a 'Page' component.");
+    return null;
+  }
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_core6.Flex, {
+    justify: "flex-start",
+    align: "center",
+    gap: "xs",
+    mt,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_core6.Text, {
+        size: "lg",
+        fw: 400,
+        children: title ?? page.name
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_core6.Divider, {
+        orientation: "vertical"
+      }, undefined, false, undefined, this),
+      isPageRegistered(page.pageId) && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_core6.ScrollArea, {
+        flex: 1,
+        ...theme.scrollAreaProps,
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_core6.Chip.Group, {
+          multiple: true,
+          value: Object.keys(widgets[page.pageId]).filter((widgetId) => widgets[page.pageId][widgetId].selected),
+          onChange: (value) => {
+            updateWidgetSelectionBulk(page.pageId, value);
+          },
+          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_core6.Flex, {
+            justify: "flex-start",
+            align: "center",
+            gap: "xs",
+            h: "auto",
+            children: Object.keys(widgets[page.pageId]).map((widgetId) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_core6.Chip, {
+              value: widgetId,
+              size: "sm",
+              disabled: disabledWidgets && disabledWidgets.includes(widgetId),
+              icon: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_icons_react4.IconCheck, {
+                ...theme.iconProps.tiny
+              }, undefined, false, undefined, this),
+              children: widgets[page.pageId][widgetId].name
+            }, widgetId, false, undefined, this))
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/core/components/CloseButton/index.tsx
+var import_core7 = require("@mantine/core");
+var import_icons_react5 = require("@tabler/icons-react");
+var jsx_dev_runtime10 = require("react/jsx-dev-runtime");
+function CloseButton({ widgetId }) {
+  const theme = useRemoraidTheme();
+  const { activeWidget, updateWidgetSelection } = useWidgets();
+  const page = usePage();
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_core7.Transition, {
+    mounted: activeWidget === widgetId,
+    transition: "pop-top-right",
+    duration: theme.transitionDurations.short,
+    timingFunction: "ease",
+    children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_core7.ActionIcon, {
+      pos: "absolute",
+      size: "xs",
+      className: "remoraid-close-button",
+      radius: "xl",
+      color: "red",
+      onClick: () => {
+        if (!page) {
+          return;
+        }
+        updateWidgetSelection(page.pageId, widgetId, false);
+      },
+      style: transitionStyle,
+      children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_icons_react5.IconX, {
+        ...theme.iconProps.tiny
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/core/components/BadgeGroup/index.tsx
+var import_core9 = require("@mantine/core");
+var import_react6 = __toESM(require("react"));
+
+// src/core/components/BadgeMinimal/index.tsx
+var import_core8 = require("@mantine/core");
+var jsx_dev_runtime11 = require("react/jsx-dev-runtime");
+var isBadgeMinimalProps = (e) => {
+  if (typeof e !== "object") {
+    return false;
+  }
+  if (!("label" in e)) {
+    return false;
+  }
+  return true;
+};
+function BadgeMinimal(props) {
+  const { label, tooltip, mounted, componentsProps } = props;
+  const theme = useRemoraidTheme();
+  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(import_core8.Transition, {
+    mounted: mounted !== false,
+    transition: "fade",
+    duration: theme.transitionDurations.short,
+    timingFunction: "ease",
+    ...componentsProps?.transition,
+    children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(import_core8.Tooltip, {
+      disabled: !tooltip,
+      label: tooltip,
+      ...componentsProps?.tooltip,
+      children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(import_core8.Badge, {
+        variant: "default",
+        ...componentsProps?.badge,
+        style: {
+          ...transitionStyle,
+          cursor: "pointer",
+          ...componentsProps?.badge?.style
+        },
+        children: label
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/core/components/BadgeGroup/index.tsx
+var jsx_dev_runtime12 = require("react/jsx-dev-runtime");
+var react = require("react");
+function BadgeGroup({
+  badges,
+  gap,
+  breakpoint,
+  componentsProps
+}) {
+  const theme = useRemoraidTheme();
+  const numVisibleBadges = badges.filter((e) => isBadgeMinimalProps(e) ? e.mounted !== false : true).length;
+  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(import_core9.Group, {
+        gap: gap ?? "xs",
+        wrap: "nowrap",
+        visibleFrom: breakpoint ?? theme.breakpoints.badgeGroupCollapse,
+        children: badges.map((e, i) => {
+          if (isBadgeMinimalProps(e)) {
+            return /* @__PURE__ */ react.createElement(BadgeMinimal, {
+              ...e,
+              key: i
+            });
+          }
+          return e;
+        })
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(import_core9.Tooltip, {
+        label: `${numVisibleBadges} badge${numVisibleBadges === 1 ? "" : "s"}`,
+        ...componentsProps?.tooltip,
+        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(import_core9.Badge, {
+          hiddenFrom: breakpoint ?? theme.breakpoints.badgeGroupCollapse,
+          hidden: numVisibleBadges === 0,
+          variant: "light",
+          circle: true,
+          style: { cursor: "pointer" },
+          ...componentsProps?.cumulativeBadge,
+          children: numVisibleBadges
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/core/components/AlertMinimal/index.tsx
+var import_core10 = require("@mantine/core");
+var jsx_dev_runtime13 = require("react/jsx-dev-runtime");
+var isAlertMinimalProps = (e) => {
+  if (typeof e !== "object") {
+    return false;
+  }
+  if (!("category" in e)) {
+    return false;
+  }
+  return true;
+};
+function AlertMinimal({
+  children,
+  title,
+  category,
+  text,
+  onClose,
+  mounted,
+  mt,
+  mb,
+  componentsProps
+}) {
+  const theme = useRemoraidTheme();
+  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(import_core10.Transition, {
+    mounted: mounted !== false,
+    transition: "fade",
+    duration: theme.transitionDurations.short,
+    timingFunction: "ease",
+    ...componentsProps?.transition,
+    children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(import_core10.Alert, {
+      ...theme.alertProps[category],
+      title: title ?? theme.alertProps[category].title,
+      withCloseButton: onClose !== undefined,
+      onClose,
+      mt,
+      mb,
+      ...componentsProps?.alert,
+      style: {
+        ...transitionStyle,
+        ...componentsProps?.alert?.style ?? theme.alertProps[category].style
+      },
+      children: [
+        text,
+        children
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/core/components/ResponsiveButton/index.tsx
+var import_core11 = require("@mantine/core");
+var import_icons_react6 = require("@tabler/icons-react");
+var jsx_dev_runtime14 = require("react/jsx-dev-runtime");
+var isResponsiveButtonProps = (e) => {
+  if (typeof e !== "object") {
+    return false;
+  }
+  if (!("label" in e)) {
+    return false;
+  }
+  return true;
+};
+function ResponsiveButton(props) {
+  const { onClick, label, loading, variant, componentsProps, breakpoint } = props;
+  const theme = useRemoraidTheme();
+  const icon = props.icon ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(props.icon, {
+    ...theme.iconProps.medium
+  }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_icons_react6.IconClick, {
+    ...theme.iconProps.medium
+  }, undefined, false, undefined, this);
+  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_core11.Tooltip, {
+        label,
+        ...componentsProps?.tooltip,
+        children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_core11.ActionIcon, {
+          variant: variant || "default",
+          onClick,
+          loading,
+          size: "input-sm",
+          "aria-label": "Refresh",
+          hiddenFrom: breakpoint || "md",
+          children: icon
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_core11.Button, {
+        onClick,
+        loading,
+        variant: variant || "default",
+        leftSection: props.icon ? icon : undefined,
+        visibleFrom: breakpoint || "md",
+        children: label
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/core/components/Widget/WidgetWrapper/index.tsx
+var import_core12 = require("@mantine/core");
+var import_react7 = require("react");
+var jsx_dev_runtime15 = require("react/jsx-dev-runtime");
+function WidgetWrapper({
+  children,
+  config,
+  mt,
+  withCloseButton,
+  componentsProps
+}) {
+  const {
+    isWidgetSelected,
+    isPageRegistered,
+    isWidgetRegistered,
+    registerWidget,
+    updateActiveWidget
+  } = useWidgets();
+  const page = usePage();
+  const theme = useRemoraidTheme();
+  const pageRegistered = page ? isPageRegistered(page.pageId) : false;
+  import_react7.useEffect(() => {
+    if (!page) {
+      return;
+    }
+    if (!isWidgetRegistered(page.pageId, config.widgetId)) {
+      registerWidget(page.pageId, config);
+    }
+  }, [pageRegistered]);
+  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(import_core12.Transition, {
+    mounted: page !== null && isWidgetSelected(page.pageId, config.widgetId),
+    transition: "fade-left",
+    duration: theme.transitionDurations.medium,
+    timingFunction: "ease",
+    children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(import_core12.Paper, {
+      p: "md",
+      shadow: "md",
+      bg: theme.transparentBackground,
+      mt: mt || 0,
+      pos: "relative",
+      h: "fit-content",
+      ...componentsProps?.container,
+      style: { ...transitionStyle, ...componentsProps?.container?.style },
+      onMouseEnter: () => {
+        updateActiveWidget(config.widgetId);
+      },
+      onMouseLeave: () => {
+        updateActiveWidget(null);
+      },
+      children: [
+        withCloseButton !== false && /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(CloseButton, {
+          widgetId: config.widgetId
+        }, undefined, false, undefined, this),
+        children
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/core/components/Widget/index.tsx
+var import_core13 = require("@mantine/core");
+var jsx_dev_runtime16 = require("react/jsx-dev-runtime");
+var react2 = require("react");
+function Widget({
+  children,
+  id,
+  config,
+  title,
+  badges,
+  buttons,
+  alerts,
+  gaps,
+  loading,
+  mt,
+  componentsProps
+}) {
+  const badgesGap = (typeof gaps === "object" ? gaps.badges : gaps) ?? "xs";
+  const buttonsGap = (typeof gaps === "object" ? gaps.buttons : gaps) ?? "xs";
+  const alertsGap = (typeof gaps === "object" ? gaps.alerts : gaps) ?? "xs";
+  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(WidgetWrapper, {
+    config: {
+      widgetId: id,
+      name: title,
+      ...config
+    },
+    mt,
+    componentsProps: {
+      container: componentsProps?.container,
+      transition: componentsProps?.transition
+    },
+    ...componentsProps?.wrapper,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core13.Group, {
+        justify: "space-between",
+        wrap: "nowrap",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core13.Group, {
+            gap: badgesGap,
+            wrap: "nowrap",
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core13.Title, {
+                order: 1,
+                size: "h3",
+                lineClamp: 1,
+                children: title
+              }, undefined, false, undefined, this),
+              badges !== undefined && /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(BadgeGroup, {
+                badges,
+                gap: badgesGap,
+                ...componentsProps?.badgeGroup
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core13.Group, {
+            gap: buttonsGap,
+            wrap: "nowrap",
+            children: buttons !== undefined && buttons.map((e, i) => {
+              if (isResponsiveButtonProps(e)) {
+                return /* @__PURE__ */ react2.createElement(ResponsiveButton, {
+                  ...e,
+                  key: i
+                });
+              }
+              return e;
+            })
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core13.Divider, {
+        my: "md"
+      }, undefined, false, undefined, this),
+      alerts !== undefined && alerts.map((a, i) => {
+        if (isAlertMinimalProps(a)) {
+          return /* @__PURE__ */ react2.createElement(AlertMinimal, {
+            ...a,
+            mb: alertsGap,
+            key: i
+          });
+        }
+        return a;
+      }),
+      loading ? /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core13.Center, {
+        children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_core13.Loader, {
+          ...componentsProps?.loader
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(jsx_dev_runtime16.Fragment, {
+        children
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/core/components/Page/NotFoundPage/index.tsx
+var import_core14 = require("@mantine/core");
+var import_navigation3 = require("next/navigation");
+var jsx_dev_runtime17 = require("react/jsx-dev-runtime");
+function NotFoundPage({
+  children,
+  message,
+  componentsProps
+}) {
+  const pathname = import_navigation3.usePathname();
+  const theme = useRemoraidTheme();
+  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Page, {
+    name: "Not Found",
+    ...componentsProps?.page,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(import_core14.Alert, {
+        ...theme.alertProps.negative,
+        title: "404 - Page Not Found",
+        children: message ?? `Could not find page ${pathname}.`
+      }, undefined, false, undefined, this),
+      children
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/core/components/EnvironmentShell/index.tsx
+var import_core15 = require("@mantine/core");
+var jsx_dev_runtime18 = require("react/jsx-dev-runtime");
+function EnvironmentShell({
+  children,
+  vars,
+  message,
+  m,
+  mt
+}) {
+  const theme = useRemoraidTheme();
+  const missingVars = vars.filter((v) => !process.env[v]);
+  if (missingVars.length !== 0) {
+    return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(import_core15.Alert, {
+      ...theme.alertProps.neutral,
+      title: `Please Specify Environment Variable${missingVars.length > 1 ? "s" : ""}`,
+      m,
+      mt,
+      children: message ?? `
+        Components could not be rendered because the following environment
+        variables are not specified: ${missingVars.join(", ")}.
+      `
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(jsx_dev_runtime18.Fragment, {
+    children
+  }, undefined, false, undefined, this);
+}