remoraid 1.1.0 → 2.0.0

package/dist/core/index.js

@@ -0,0 +1,1237 @@
+"use client";
+// src/core/components/RemoraidProvider/UserExperienceProvider/index.tsx
+import React3, {
+  useContext as useContext2,
+  useEffect,
+  useState as useState2
+} from "react";
+import { useCookies } from "react-cookie";
+
+// src/core/components/AppShell/NavbarMinimal/index.tsx
+import {
+  Tooltip,
+  UnstyledButton,
+  Stack,
+  rem,
+  useMantineColorScheme as useMantineColorScheme2,
+  Flex,
+  Paper,
+  Divider,
+  Indicator
+} from "@mantine/core";
+import {
+  IconLogin,
+  IconLogout,
+  IconMoon,
+  IconSun
+} from "@tabler/icons-react";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { useState } from "react";
+
+// src/core/lib/utils.ts
+var co = (condition, value, fallback) => condition(value) ? value : fallback;
+
+// src/core/components/RemoraidProvider/ThemeProvider/index.tsx
+import {
+  px,
+  rgba,
+  useMantineColorScheme,
+  useMantineTheme
+} from "@mantine/core";
+import {
+  IconAlertCircle,
+  IconCircleCheck,
+  IconInfoCircle
+} from "@tabler/icons-react";
+import React2, {
+  useContext,
+  useMemo
+} from "react";
+import { jsxDEV } from "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" ? rgba(mantineTheme.colors.dark[8], 0.8) : 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(px(mantineTheme.spacing.xs)), 0)),
+      sm: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.sm)), 0)),
+      md: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.md)), 0)),
+      lg: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.lg)), 0)),
+      xl: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.xl)), 0))
+    };
+  }
+  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__ */ jsxDEV(IconAlertCircle, {
+          ...defaultMediumIconProps
+        }, undefined, false, undefined, this),
+        variant: "light",
+        color: "red",
+        title: "Attention!"
+      },
+      neutral: {
+        icon: /* @__PURE__ */ jsxDEV(IconInfoCircle, {
+          ...defaultMediumIconProps
+        }, undefined, false, undefined, this),
+        variant: "light",
+        color: mantineTheme?.primaryColor,
+        title: "Information"
+      },
+      positive: {
+        icon: /* @__PURE__ */ jsxDEV(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 = React2.createContext(createRemoraidTheme());
+var useRemoraidTheme = () => {
+  return useContext(themeContext);
+};
+function ThemeProvider({
+  children,
+  theme
+}) {
+  const mantineTheme = useMantineTheme();
+  const { colorScheme } = useMantineColorScheme();
+  const remoraidTheme = 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__ */ jsxDEV(themeContext.Provider, {
+    value: remoraidTheme,
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/core/components/AppShell/NavbarMinimal/index.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function NavbarLink({
+  icon: Icon2,
+  label,
+  active,
+  onClick,
+  href,
+  indicator,
+  settings
+}) {
+  const [isHoveringRoleIndicator, setIsHoveringRoleIndicator] = useState(false);
+  const iconProps = {
+    size: settings.iconSize,
+    stroke: 1.5
+  };
+  if (!href) {
+    return /* @__PURE__ */ jsxDEV2(Tooltip, {
+      label,
+      position: "right",
+      transitionProps: { duration: 0 },
+      children: /* @__PURE__ */ jsxDEV2(UnstyledButton, {
+        onClick,
+        className: "remoraid-navbar-minimal-link",
+        "data-active": active || undefined,
+        w: settings.linkSize,
+        h: settings.linkSize,
+        children: /* @__PURE__ */ jsxDEV2(Icon2, {
+          ...iconProps
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  const button = /* @__PURE__ */ jsxDEV2(UnstyledButton, {
+    onClick,
+    className: "remoraid-navbar-minimal-link",
+    "data-active": active || undefined,
+    w: settings.linkSize,
+    h: settings.linkSize,
+    component: Link,
+    href,
+    children: /* @__PURE__ */ jsxDEV2(Icon2, {
+      ...iconProps
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+  return /* @__PURE__ */ jsxDEV2(Tooltip, {
+    label,
+    position: "right",
+    transitionProps: { duration: 0 },
+    children: indicator === undefined ? button : /* @__PURE__ */ jsxDEV2(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: rem("50px"),
+  iconSize: "50%",
+  px: "sm",
+  py: "md"
+};
+function NavbarMinimal({
+  logo,
+  user,
+  links: linksProp,
+  settings: settingsProp,
+  linkIndicator,
+  logoIndicator,
+  onLogout
+}) {
+  const { userExperience } = useRemoraidUserExperience();
+  const pathname = usePathname();
+  const theme = useRemoraidTheme();
+  const { setColorScheme, colorScheme } = useMantineColorScheme2();
+  const [isHoveringRoleIndicator, setIsHoveringRoleIndicator] = useState(false);
+  const settings = settingsProp || userExperience.navbarSettings;
+  const links = linksProp.filter((link) => !settings.hiddenPages.includes(link.href)).map((link) => /* @__PURE__ */ jsxDEV2(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__ */ jsxDEV2(Paper, {
+    h: "100%",
+    py: settings.py,
+    bg: theme.transparentBackground,
+    radius: 0,
+    shadow: "md",
+    children: /* @__PURE__ */ jsxDEV2(Flex, {
+      direction: "column",
+      h: "100%",
+      align: "center",
+      px: settings.px,
+      children: [
+        logoIndicator === undefined ? logoImage : /* @__PURE__ */ jsxDEV2(Indicator, {
+          withBorder: true,
+          offset: 2,
+          size: 13,
+          onMouseEnter: () => setIsHoveringRoleIndicator(true),
+          onMouseLeave: () => setIsHoveringRoleIndicator(false),
+          ...logoIndicator(isHoveringRoleIndicator),
+          children: logoImage
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(Divider, {
+          my: "md",
+          variant: "dashed",
+          w: "100%"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(Stack, {
+          justify: "flex-start",
+          gap: 0,
+          flex: 1,
+          children: links
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(Stack, {
+          justify: "center",
+          gap: 0,
+          children: [
+            user !== undefined && (user === null ? /* @__PURE__ */ jsxDEV2(NavbarLink, {
+              icon: IconLogin,
+              label: "Login",
+              href: "/login",
+              active: pathname === "/login",
+              settings
+            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV2(NavbarLink, {
+              icon: IconLogout,
+              label: "Logout",
+              onClick: () => {
+                if (onLogout) {
+                  onLogout();
+                }
+              },
+              href: "/login",
+              settings
+            }, undefined, false, undefined, this)),
+            /* @__PURE__ */ jsxDEV2(NavbarLink, {
+              icon: colorScheme === "dark" ? IconSun : 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
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+var defaultNavbarSettings = {
+  minimal: defaultSettings
+};
+var defaultUserExperience = {
+  navbarVariant: "minimal",
+  navbarSettings: defaultNavbarSettings.minimal,
+  showWelcomeMessage: true
+};
+var userExperienceContext = React3.createContext({
+  userExperience: defaultUserExperience,
+  updateUserExperience: () => {},
+  processedCookie: false
+});
+var userExperienceCookieName = "remoraid-user-experience";
+var useRemoraidUserExperience = () => {
+  return useContext2(userExperienceContext);
+};
+function UserExperienceProvider({
+  children,
+  initialValue
+}) {
+  const [cookies, setCookie] = useCookies();
+  const [userExperience, setUserExperience] = useState2({
+    ...defaultUserExperience,
+    ...initialValue
+  });
+  const [processedCookie, setProcessedCookie] = useState2(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);
+  };
+  useEffect(() => {
+    const userExperienceCookie = cookies[userExperienceCookieName];
+    if (userExperienceCookie && isUserExperience(userExperienceCookie)) {
+      setUserExperience(userExperienceCookie);
+    }
+    if (cookies && !processedCookie) {
+      setProcessedCookie(true);
+    }
+  }, [cookies]);
+  return /* @__PURE__ */ jsxDEV3(userExperienceContext.Provider, {
+    value: { userExperience, updateUserExperience, processedCookie },
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/core/components/RemoraidProvider/WidgetsProvider/index.tsx
+import React4, {
+  useState as useState3,
+  useContext as useContext3
+} from "react";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+var widgetsContext = React4.createContext({
+  widgets: {},
+  activeWidget: null,
+  updateActiveWidget: () => {},
+  registerWidget: () => {},
+  registerPage: () => {},
+  isWidgetRegistered: () => false,
+  isPageRegistered: () => false,
+  updateWidgetSelection: () => {},
+  updateWidgetSelectionBulk: () => {},
+  isWidgetSelected: () => false
+});
+var useWidgets = () => {
+  return useContext3(widgetsContext);
+};
+function WidgetsProvider({
+  children
+}) {
+  const [activeWidget, setActiveWidget] = useState3(null);
+  const [widgets, setWidgets] = useState3({});
+  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__ */ jsxDEV4(widgetsContext.Provider, {
+    value: {
+      widgets,
+      activeWidget,
+      updateActiveWidget,
+      updateWidgetSelection,
+      updateWidgetSelectionBulk,
+      isWidgetSelected,
+      registerWidget,
+      registerPage,
+      isWidgetRegistered,
+      isPageRegistered
+    },
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/core/components/RemoraidProvider/index.tsx
+import { CookiesProvider } from "react-cookie";
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+function RemoraidProvider({
+  children,
+  theme,
+  initialUserExperience,
+  componentsProps
+}) {
+  return /* @__PURE__ */ jsxDEV5(CookiesProvider, {
+    ...componentsProps?.CookiesProvider,
+    children: /* @__PURE__ */ jsxDEV5(ThemeProvider, {
+      theme,
+      ...componentsProps?.ThemeProvider,
+      children: /* @__PURE__ */ jsxDEV5(UserExperienceProvider, {
+        initialValue: initialUserExperience,
+        ...componentsProps?.UserExperienceProvider,
+        children: /* @__PURE__ */ jsxDEV5(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
+import {
+  AppShell as MantineAppShell,
+  Burger,
+  rem as rem2,
+  Group as Group2,
+  useMantineTheme as useMantineTheme3,
+  useMantineColorScheme as useMantineColorScheme4,
+  Paper as Paper2,
+  px as px2
+} from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+
+// src/core/components/AppShell/Footer/index.tsx
+import { Group, useMantineColorScheme as useMantineColorScheme3, useMantineTheme as useMantineTheme2 } from "@mantine/core";
+import { IconPennant } from "@tabler/icons-react";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+function Footer() {
+  const theme = useMantineTheme2();
+  const { colorScheme } = useMantineColorScheme3();
+  return /* @__PURE__ */ jsxDEV6(Group, {
+    justify: "center",
+    w: "100%",
+    py: "md",
+    children: /* @__PURE__ */ jsxDEV6(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
+import { jsxDEV as jsxDEV7, Fragment } from "react/jsx-dev-runtime";
+function AppShell({
+  children,
+  logo,
+  navbar,
+  user
+}) {
+  const { userExperience } = useRemoraidUserExperience();
+  const mantineTheme = useMantineTheme3();
+  const theme = useRemoraidTheme();
+  const { colorScheme } = useMantineColorScheme4();
+  const [opened, { toggle }] = 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(px2(navbarSettings.linkSize)), 0);
+  const navbarPaddingPx = typeof navbarSettings.px === "number" ? navbarSettings.px : theme.spacingPx ? theme.spacingPx[navbarSettings.px] : 0;
+  return /* @__PURE__ */ jsxDEV7(MantineAppShell, {
+    header: { height: 0 },
+    navbar: {
+      width: rem2(`${navbarLinkSizePx + 2 * navbarPaddingPx}px`),
+      breakpoint: "sm",
+      collapsed: { mobile: !opened }
+    },
+    bg: colorScheme === "dark" ? mantineTheme.colors.dark[9] : mantineTheme.colors.gray[0],
+    children: [
+      /* @__PURE__ */ jsxDEV7(MantineAppShell.Header, {
+        withBorder: false,
+        children: /* @__PURE__ */ jsxDEV7(Group2, {
+          p: "md",
+          bg: colorScheme === "dark" ? mantineTheme.colors.dark[8] : mantineTheme.colors.gray[3],
+          hiddenFrom: "sm",
+          children: /* @__PURE__ */ jsxDEV7(Burger, {
+            opened,
+            onClick: toggle,
+            h: 20,
+            size: 18
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV7(MantineAppShell.Navbar, {
+        withBorder: false,
+        children: navbarVariant === "minimal" && /* @__PURE__ */ jsxDEV7(NavbarMinimal, {
+          logo,
+          user,
+          ...navbar
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV7(MantineAppShell.Main, {
+        children: /* @__PURE__ */ jsxDEV7(Fragment, {
+          children: [
+            /* @__PURE__ */ jsxDEV7(Paper2, {
+              radius: 0,
+              my: "md",
+              h: 20,
+              hiddenFrom: "sm"
+            }, undefined, false, undefined, this),
+            children,
+            /* @__PURE__ */ jsxDEV7(Footer, {}, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/core/components/WidgetSelectionHeader/index.tsx
+import {
+  Chip,
+  Divider as Divider2,
+  Flex as Flex2,
+  ScrollArea,
+  Text
+} from "@mantine/core";
+
+// src/core/components/Page/index.tsx
+import { Container } from "@mantine/core";
+import React5, {
+  useContext as useContext4,
+  useEffect as useEffect2
+} from "react";
+import { usePathname as usePathname2 } from "next/navigation";
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+var pageContext = React5.createContext(null);
+var usePage = () => {
+  return useContext4(pageContext);
+};
+function Page({
+  children,
+  name,
+  config,
+  pt,
+  componentsProps
+}) {
+  const pathname = usePathname2();
+  const { isPageRegistered, registerPage } = useWidgets();
+  const theme = useRemoraidTheme();
+  const pageId = config?.pageId ?? pathname;
+  useEffect2(() => {
+    if (!isPageRegistered(pageId)) {
+      if (config?.registerPageDirectly) {
+        registerPage(pageId, []);
+      }
+    }
+  }, []);
+  return /* @__PURE__ */ jsxDEV8(pageContext.Provider, {
+    value: { name: name ?? pathname, pageId, ...config },
+    children: /* @__PURE__ */ jsxDEV8(Container, {
+      size: theme.containerSize,
+      pt: pt ?? "md",
+      ...componentsProps?.container,
+      children
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/core/components/WidgetSelectionHeader/index.tsx
+import { IconCheck } from "@tabler/icons-react";
+import { jsxDEV as jsxDEV9 } from "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__ */ jsxDEV9(Flex2, {
+    justify: "flex-start",
+    align: "center",
+    gap: "xs",
+    mt,
+    children: [
+      /* @__PURE__ */ jsxDEV9(Text, {
+        size: "lg",
+        fw: 400,
+        children: title ?? page.name
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV9(Divider2, {
+        orientation: "vertical"
+      }, undefined, false, undefined, this),
+      isPageRegistered(page.pageId) && /* @__PURE__ */ jsxDEV9(ScrollArea, {
+        flex: 1,
+        ...theme.scrollAreaProps,
+        children: /* @__PURE__ */ jsxDEV9(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__ */ jsxDEV9(Flex2, {
+            justify: "flex-start",
+            align: "center",
+            gap: "xs",
+            h: "auto",
+            children: Object.keys(widgets[page.pageId]).map((widgetId) => /* @__PURE__ */ jsxDEV9(Chip, {
+              value: widgetId,
+              size: "sm",
+              disabled: disabledWidgets && disabledWidgets.includes(widgetId),
+              icon: /* @__PURE__ */ jsxDEV9(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
+import { ActionIcon, Transition } from "@mantine/core";
+import { IconX } from "@tabler/icons-react";
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+function CloseButton({ widgetId }) {
+  const theme = useRemoraidTheme();
+  const { activeWidget, updateWidgetSelection } = useWidgets();
+  const page = usePage();
+  return /* @__PURE__ */ jsxDEV10(Transition, {
+    mounted: activeWidget === widgetId,
+    transition: "pop-top-right",
+    duration: theme.transitionDurations.short,
+    timingFunction: "ease",
+    children: (transitionStyle) => /* @__PURE__ */ jsxDEV10(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__ */ jsxDEV10(IconX, {
+        ...theme.iconProps.tiny
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/core/components/BadgeGroup/index.tsx
+import {
+  Badge as Badge2,
+  Group as Group3,
+  Tooltip as Tooltip3
+} from "@mantine/core";
+import React6 from "react";
+
+// src/core/components/BadgeMinimal/index.tsx
+import {
+  Badge,
+  Tooltip as Tooltip2,
+  Transition as Transition2
+} from "@mantine/core";
+import { jsxDEV as jsxDEV11 } from "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__ */ jsxDEV11(Transition2, {
+    mounted: mounted !== false,
+    transition: "fade",
+    duration: theme.transitionDurations.short,
+    timingFunction: "ease",
+    ...componentsProps?.transition,
+    children: (transitionStyle) => /* @__PURE__ */ jsxDEV11(Tooltip2, {
+      disabled: !tooltip,
+      label: tooltip,
+      ...componentsProps?.tooltip,
+      children: /* @__PURE__ */ jsxDEV11(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
+import { jsxDEV as jsxDEV12, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+import { createElement } from "react";
+function BadgeGroup({
+  badges,
+  gap,
+  breakpoint,
+  componentsProps
+}) {
+  const theme = useRemoraidTheme();
+  const numVisibleBadges = badges.filter((e) => isBadgeMinimalProps(e) ? e.mounted !== false : true).length;
+  return /* @__PURE__ */ jsxDEV12(Fragment2, {
+    children: [
+      /* @__PURE__ */ jsxDEV12(Group3, {
+        gap: gap ?? "xs",
+        wrap: "nowrap",
+        visibleFrom: breakpoint ?? theme.breakpoints.badgeGroupCollapse,
+        children: badges.map((e, i) => {
+          if (isBadgeMinimalProps(e)) {
+            return /* @__PURE__ */ createElement(BadgeMinimal, {
+              ...e,
+              key: i
+            });
+          }
+          return e;
+        })
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV12(Tooltip3, {
+        label: `${numVisibleBadges} badge${numVisibleBadges === 1 ? "" : "s"}`,
+        ...componentsProps?.tooltip,
+        children: /* @__PURE__ */ jsxDEV12(Badge2, {
+          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
+import {
+  Alert,
+  Transition as Transition3
+} from "@mantine/core";
+import { jsxDEV as jsxDEV13 } from "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__ */ jsxDEV13(Transition3, {
+    mounted: mounted !== false,
+    transition: "fade",
+    duration: theme.transitionDurations.short,
+    timingFunction: "ease",
+    ...componentsProps?.transition,
+    children: (transitionStyle) => /* @__PURE__ */ jsxDEV13(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
+import {
+  ActionIcon as ActionIcon2,
+  Button,
+  Tooltip as Tooltip4
+} from "@mantine/core";
+import { IconClick } from "@tabler/icons-react";
+import { jsxDEV as jsxDEV14, Fragment as Fragment3 } from "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__ */ jsxDEV14(props.icon, {
+    ...theme.iconProps.medium
+  }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV14(IconClick, {
+    ...theme.iconProps.medium
+  }, undefined, false, undefined, this);
+  return /* @__PURE__ */ jsxDEV14(Fragment3, {
+    children: [
+      /* @__PURE__ */ jsxDEV14(Tooltip4, {
+        label,
+        ...componentsProps?.tooltip,
+        children: /* @__PURE__ */ jsxDEV14(ActionIcon2, {
+          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__ */ jsxDEV14(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
+import {
+  Paper as Paper3,
+  Transition as Transition4
+} from "@mantine/core";
+import { useEffect as useEffect3 } from "react";
+import { jsxDEV as jsxDEV15 } from "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;
+  useEffect3(() => {
+    if (!page) {
+      return;
+    }
+    if (!isWidgetRegistered(page.pageId, config.widgetId)) {
+      registerWidget(page.pageId, config);
+    }
+  }, [pageRegistered]);
+  return /* @__PURE__ */ jsxDEV15(Transition4, {
+    mounted: page !== null && isWidgetSelected(page.pageId, config.widgetId),
+    transition: "fade-left",
+    duration: theme.transitionDurations.medium,
+    timingFunction: "ease",
+    children: (transitionStyle) => /* @__PURE__ */ jsxDEV15(Paper3, {
+      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__ */ jsxDEV15(CloseButton, {
+          widgetId: config.widgetId
+        }, undefined, false, undefined, this),
+        children
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/core/components/Widget/index.tsx
+import {
+  Center,
+  Divider as Divider3,
+  Group as Group4,
+  Loader,
+  Title
+} from "@mantine/core";
+import { jsxDEV as jsxDEV16, Fragment as Fragment4 } from "react/jsx-dev-runtime";
+import { createElement as createElement2 } from "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__ */ jsxDEV16(WidgetWrapper, {
+    config: {
+      widgetId: id,
+      name: title,
+      ...config
+    },
+    mt,
+    componentsProps: {
+      container: componentsProps?.container,
+      transition: componentsProps?.transition
+    },
+    ...componentsProps?.wrapper,
+    children: [
+      /* @__PURE__ */ jsxDEV16(Group4, {
+        justify: "space-between",
+        wrap: "nowrap",
+        children: [
+          /* @__PURE__ */ jsxDEV16(Group4, {
+            gap: badgesGap,
+            wrap: "nowrap",
+            children: [
+              /* @__PURE__ */ jsxDEV16(Title, {
+                order: 1,
+                size: "h3",
+                lineClamp: 1,
+                children: title
+              }, undefined, false, undefined, this),
+              badges !== undefined && /* @__PURE__ */ jsxDEV16(BadgeGroup, {
+                badges,
+                gap: badgesGap,
+                ...componentsProps?.badgeGroup
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV16(Group4, {
+            gap: buttonsGap,
+            wrap: "nowrap",
+            children: buttons !== undefined && buttons.map((e, i) => {
+              if (isResponsiveButtonProps(e)) {
+                return /* @__PURE__ */ createElement2(ResponsiveButton, {
+                  ...e,
+                  key: i
+                });
+              }
+              return e;
+            })
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV16(Divider3, {
+        my: "md"
+      }, undefined, false, undefined, this),
+      alerts !== undefined && alerts.map((a, i) => {
+        if (isAlertMinimalProps(a)) {
+          return /* @__PURE__ */ createElement2(AlertMinimal, {
+            ...a,
+            mb: alertsGap,
+            key: i
+          });
+        }
+        return a;
+      }),
+      loading ? /* @__PURE__ */ jsxDEV16(Center, {
+        children: /* @__PURE__ */ jsxDEV16(Loader, {
+          ...componentsProps?.loader
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(Fragment4, {
+        children
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/core/components/Page/NotFoundPage/index.tsx
+import { Alert as Alert2 } from "@mantine/core";
+import { usePathname as usePathname3 } from "next/navigation";
+import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
+function NotFoundPage({
+  children,
+  message,
+  componentsProps
+}) {
+  const pathname = usePathname3();
+  const theme = useRemoraidTheme();
+  return /* @__PURE__ */ jsxDEV17(Page, {
+    name: "Not Found",
+    ...componentsProps?.page,
+    children: [
+      /* @__PURE__ */ jsxDEV17(Alert2, {
+        ...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
+import { Alert as Alert3 } from "@mantine/core";
+import { jsxDEV as jsxDEV18, Fragment as Fragment5 } from "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__ */ jsxDEV18(Alert3, {
+      ...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__ */ jsxDEV18(Fragment5, {
+    children
+  }, undefined, false, undefined, this);
+}
+export {
+  userExperienceCookieName,
+  useWidgets,
+  useRemoraidUserExperience,
+  useRemoraidTheme,
+  defaultUserExperience,
+  defaultNavbarSettings,
+  createRemoraidTheme,
+  WidgetWrapper,
+  WidgetSelectionHeader,
+  Widget,
+  ResponsiveButton,
+  RemoraidProvider,
+  Page,
+  NotFoundPage,
+  EnvironmentShell,
+  CloseButton,
+  BadgeMinimal,
+  BadgeGroup,
+  AppShell,
+  AlertMinimal
+};