remoraid 2.10.7 → 2.14.7

package/dist/core/index.cjs

@@ -1001,7 +1001,7 @@ var require_lodash = __commonJS((exports2, module2) => {
       }
       SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
       SetCache.prototype.has = setCacheHas;
-      function Stack3(entries) {
+      function Stack4(entries) {
         var data = this.__data__ = new ListCache(entries);
         this.size = data.size;
       }
@@ -1035,11 +1035,11 @@ var require_lodash = __commonJS((exports2, module2) => {
         this.size = data.size;
         return this;
       }
-      Stack3.prototype.clear = stackClear;
-      Stack3.prototype["delete"] = stackDelete;
-      Stack3.prototype.get = stackGet;
-      Stack3.prototype.has = stackHas;
-      Stack3.prototype.set = stackSet;
+      Stack4.prototype.clear = stackClear;
+      Stack4.prototype["delete"] = stackDelete;
+      Stack4.prototype.get = stackGet;
+      Stack4.prototype.has = stackHas;
+      Stack4.prototype.set = stackSet;
       function arrayLikeKeys(value, inherited) {
         var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result2 = skipIndexes ? baseTimes(value.length, String) : [], length = result2.length;
         for (var key in value) {
@@ -1155,7 +1155,7 @@ var require_lodash = __commonJS((exports2, module2) => {
             result2 = initCloneByTag(value, tag, isDeep);
           }
         }
-        stack || (stack = new Stack3);
+        stack || (stack = new Stack4);
         var stacked = stack.get(value);
         if (stacked) {
           return stacked;
@@ -1424,21 +1424,21 @@ var require_lodash = __commonJS((exports2, module2) => {
           objIsObj = false;
         }
         if (isSameTag && !objIsObj) {
-          stack || (stack = new Stack3);
+          stack || (stack = new Stack4);
           return objIsArr || isTypedArray(object) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
         }
         if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
           var objIsWrapped = objIsObj && hasOwnProperty.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty.call(other, "__wrapped__");
           if (objIsWrapped || othIsWrapped) {
             var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other;
-            stack || (stack = new Stack3);
+            stack || (stack = new Stack4);
             return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack);
           }
         }
         if (!isSameTag) {
           return false;
         }
-        stack || (stack = new Stack3);
+        stack || (stack = new Stack4);
         return equalObjects(object, other, bitmask, customizer, equalFunc, stack);
       }
       function baseIsMap(value) {
@@ -1464,7 +1464,7 @@ var require_lodash = __commonJS((exports2, module2) => {
               return false;
             }
           } else {
-            var stack = new Stack3;
+            var stack = new Stack4;
             if (customizer) {
               var result2 = customizer(objValue, srcValue, key, object, source, stack);
             }
@@ -1560,7 +1560,7 @@ var require_lodash = __commonJS((exports2, module2) => {
           return;
         }
         baseFor(source, function(srcValue, key) {
-          stack || (stack = new Stack3);
+          stack || (stack = new Stack4);
           if (isObject(srcValue)) {
             baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
           } else {
@@ -5471,7 +5471,9 @@ __export(exports_core, {
   useHydrationStatus: () => useHydrationStatus,
   useHydratedMantineColorScheme: () => useHydratedMantineColorScheme,
   useFrameLayout: () => useFrameLayout,
+  isValidElementOfType: () => isValidElementOfType,
   isFrameLayout: () => isFrameLayout,
+  getElementTypeName: () => getElementTypeName,
   defaultUserExperienceCookieName: () => defaultUserExperienceCookieName,
   defaultUserExperience: () => defaultUserExperience,
   defaultSettingsWidgetOptions: () => defaultSettingsWidgetContext,
@@ -5479,10 +5481,17 @@ __export(exports_core, {
   defaultNavbarSettingsWidgetId: () => defaultNavbarSettingsWidgetId,
   defaultLayoutsContext: () => defaultLayoutsContext,
   defaultFrameLayoutContext: () => defaultFrameLayoutContext,
+  defaultAppShellNavbarPositions: () => defaultAppShellNavbarPositions,
   defaultAppShellLayoutId: () => defaultAppShellLayoutId,
+  defaultAppShellFooterPositions: () => defaultAppShellFooterPositions,
   defaultAppContext: () => defaultAppContext,
   createUserExperienceContext: () => createUserExperienceContext,
   createRemoraidTheme: () => createRemoraidTheme,
+  createContextCluster: () => createContextCluster,
+  co: () => co,
+  asElementOrPropsOfType: () => asElementOrPropsOfType,
+  asElementOfType: () => asElementOfType,
+  asChildrenOfType: () => asChildrenOfType,
   WidgetWrapper: () => WidgetWrapper_default,
   WidgetSelectionHeader: () => WidgetSelectionHeader,
   Widget: () => Widget,
@@ -5507,6 +5516,7 @@ __export(exports_core, {
   FrameLayout: () => FrameLayout_default,
   FooterVariant: () => FooterVariant,
   EnvironmentShell: () => EnvironmentShell,
+  ContextClusterProvider: () => ContextClusterProvider,
   BadgeMinimal: () => BadgeMinimal,
   BadgeGroup: () => BadgeGroup,
   AppShell: () => AppShell_default,
@@ -5698,16 +5708,50 @@ var FrameLayoutVariant;
 })(FrameLayoutVariant ||= {});
 
 // 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;
+};
 
 // src/core/components/RemoraidProvider/ThemeProvider/index.tsx
 var import_core2 = require("@mantine/core");
 var import_icons_react = require("@tabler/icons-react");
-var import_react3 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 
 // src/core/components/RemoraidProvider/HydrationStatusProvider/index.tsx
 var import_core = require("@mantine/core");
-var import_react2 = require("react");
+var import_react3 = require("react");
 var jsx_dev_runtime2 = require("react/jsx-dev-runtime");
 var defaultHydrationStatus = {
   hasHydrated: false,
@@ -5715,9 +5759,9 @@ var defaultHydrationStatus = {
     return;
   }
 };
-var hydrationStatusContext = import_react2.createContext(defaultHydrationStatus);
+var hydrationStatusContext = import_react3.createContext(defaultHydrationStatus);
 var useHydrationStatus = () => {
-  return import_react2.useContext(hydrationStatusContext);
+  return import_react3.useContext(hydrationStatusContext);
 };
 var useHydratedMantineColorScheme = () => {
   const { ensureHydration } = useHydrationStatus();
@@ -5726,12 +5770,12 @@ var useHydratedMantineColorScheme = () => {
 function HydrationStatusProvider({
   children
 }) {
-  const [hasHydrated, setHasHydrated] = import_react2.useState(defaultHydrationStatus.hasHydrated);
-  const hydrationStatus = import_react2.useMemo(() => ({
+  const [hasHydrated, setHasHydrated] = import_react3.useState(defaultHydrationStatus.hasHydrated);
+  const hydrationStatus = import_react3.useMemo(() => ({
     hasHydrated,
     ensureHydration: (v) => hasHydrated ? v : undefined
   }), [hasHydrated]);
-  import_react2.useEffect(() => {
+  import_react3.useEffect(() => {
     setHasHydrated(true);
   }, []);
   return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(hydrationStatusContext.Provider, {
@@ -5831,9 +5875,9 @@ var createRemoraidTheme = (customTheme, dependencies) => {
     }
   };
 };
-var themeContext = import_react3.default.createContext(createRemoraidTheme());
+var themeContext = import_react4.default.createContext(createRemoraidTheme());
 var useRemoraidTheme = () => {
-  return import_react3.useContext(themeContext);
+  return import_react4.useContext(themeContext);
 };
 function ThemeProvider({
   theme,
@@ -5841,7 +5885,7 @@ function ThemeProvider({
 }) {
   const mantineTheme = import_core2.useMantineTheme();
   const { colorScheme } = useHydratedMantineColorScheme();
-  const remoraidTheme = import_react3.useMemo(() => {
+  const remoraidTheme = import_react4.useMemo(() => {
     const dependencies = {
       mantineTheme,
       colorScheme
@@ -5858,13 +5902,13 @@ function ThemeProvider({
 var import_react_cookie2 = require("react-cookie");
 
 // src/core/components/RemoraidProvider/CoreUserExperienceProvider/index.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/core/components/UserExperienceProviderWrapper/index.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_react_cookie = require("react-cookie");
 var jsx_dev_runtime4 = require("react/jsx-dev-runtime");
-var createUserExperienceContext = (defaultUserExperience) => import_react4.createContext({
+var createUserExperienceContext = (defaultUserExperience) => import_react5.createContext({
   userExperience: defaultUserExperience,
   updateUserExperience: () => {},
   processedCookie: false,
@@ -5879,18 +5923,18 @@ function UserExperienceProviderWrapper({
   initialValue
 }) {
   const [cookies, setCookie] = import_react_cookie.useCookies();
-  const initialUserExperience = {
-    ...defaultUserExperience,
-    ...initialValue
-  };
-  const [userExperience, setUserExperience] = import_react4.useState(initialUserExperience);
-  const [processedCookie, setProcessedCookie] = import_react4.useState(false);
+  let initialUserExperience = defaultUserExperience;
+  if (typeof initialValue === "object" && typeof initialUserExperience === "object") {
+    initialUserExperience = { ...initialUserExperience, ...initialValue };
+  }
+  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_react4.useEffect(() => {
+  import_react5.useEffect(() => {
     const userExperienceCookie = cookies[cookieName];
     if (userExperienceCookie && isValidUserExperience(userExperienceCookie)) {
       setUserExperience(userExperienceCookie);
@@ -5919,7 +5963,7 @@ var defaultUserExperience = {
 var defaultUserExperienceCookieName = "remoraid-core-user-experience";
 var coreUserExperienceContext = createUserExperienceContext(defaultUserExperience);
 var useRemoraidUserExperience = () => {
-  return import_react5.useContext(coreUserExperienceContext);
+  return import_react6.useContext(coreUserExperienceContext);
 };
 function CoreUserExperienceProvider({
   children,
@@ -5952,20 +5996,20 @@ function CoreUserExperienceProvider({
 }
 
 // src/core/components/RemoraidProvider/LayoutsProvider/index.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var jsx_dev_runtime6 = require("react/jsx-dev-runtime");
 var defaultLayoutsContext = {
   layouts: {},
   setLayouts: () => {}
 };
-var layoutsContext = import_react6.createContext(defaultLayoutsContext);
+var layoutsContext = import_react7.createContext(defaultLayoutsContext);
 var useLayouts = () => {
-  return import_react6.useContext(layoutsContext);
+  return import_react7.useContext(layoutsContext);
 };
 function LayoutsProvider({
   children
 }) {
-  const [layouts, setLayouts] = import_react6.useState({});
+  const [layouts, setLayouts] = import_react7.useState({});
   return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(layoutsContext.Provider, {
     value: { layouts, setLayouts },
     children
@@ -6010,17 +6054,17 @@ var import_core3 = 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_react8 = require("react");
+var import_react9 = require("react");
 
 // src/core/components/AppShell/AppProvider/index.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var jsx_dev_runtime8 = require("react/jsx-dev-runtime");
 var defaultAppContext = {
   navigablePages: []
 };
-var appContext = import_react7.createContext(defaultAppContext);
+var appContext = import_react8.createContext(defaultAppContext);
 var useRemoraidApp = () => {
-  return import_react7.useContext(appContext);
+  return import_react8.useContext(appContext);
 };
 function AppProvider({
   appContext: appContextProps,
@@ -6044,7 +6088,7 @@ function NavbarLink({
   href,
   indicator
 }) {
-  const [isHoveringRoleIndicator, setIsHoveringRoleIndicator] = import_react8.useState(false);
+  const [isHoveringRoleIndicator, setIsHoveringRoleIndicator] = import_react9.useState(false);
   const iconProps = {
     size: iconSize,
     stroke: 1.5
@@ -6106,7 +6150,7 @@ function NavbarMinimal({
   const { setColorScheme, colorScheme } = useHydratedMantineColorScheme();
   const { userExperience } = useRemoraidUserExperience();
   const { navigablePages, logo, auth } = useRemoraidApp();
-  const [isHoveringRoleIndicator, setIsHoveringRoleIndicator] = import_react8.useState(false);
+  const [isHoveringRoleIndicator, setIsHoveringRoleIndicator] = import_react9.useState(false);
   const linkProps = {
     linkSize,
     iconSize,
@@ -6221,7 +6265,7 @@ function FooterMinimal({
 
 // src/core/components/FrameLayout/index.tsx
 var import_core6 = require("@mantine/core");
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/core/components/FrameLayout/Element/index.tsx
 var import_core5 = require("@mantine/core");
@@ -6286,9 +6330,9 @@ var defaultFrameLayoutContext = {
   },
   setLayout: () => {}
 };
-var layoutContext = import_react9.createContext(defaultFrameLayoutContext);
+var layoutContext = import_react10.createContext(defaultFrameLayoutContext);
 var useFrameLayout = () => {
-  return import_react9.useContext(layoutContext);
+  return import_react10.useContext(layoutContext);
 };
 function FrameLayout({
   variant = defaultFrameLayoutVariant,
@@ -6299,7 +6343,7 @@ function FrameLayout({
   const theme = useRemoraidTheme();
   const { layouts, setLayouts } = useLayouts();
   const layout = layouts[layoutId];
-  const setLayout = import_react9.useMemo(() => {
+  const setLayout = import_react10.useMemo(() => {
     return (value) => {
       setLayouts((prev) => ({
         ...prev,
@@ -6307,25 +6351,25 @@ function FrameLayout({
       }));
     };
   }, [layoutId, setLayouts]);
-  const topSection = import_react9.useCallback((n) => {
+  const topSection = import_react10.useCallback((n) => {
     setLayout((prev) => ({
       ...prev,
       sections: { ...prev?.sections, ["top" /* Top */]: n }
     }));
   }, [setLayout]);
-  const bottomSection = import_react9.useCallback((n) => {
+  const bottomSection = import_react10.useCallback((n) => {
     setLayout((prev) => ({
       ...prev,
       sections: { ...prev?.sections, ["bottom" /* Bottom */]: n }
     }));
   }, [setLayout]);
-  const leftSection = import_react9.useCallback((n) => {
+  const leftSection = import_react10.useCallback((n) => {
     setLayout((prev) => ({
       ...prev,
       sections: { ...prev?.sections, ["left" /* Left */]: n }
     }));
   }, [setLayout]);
-  const rightSection = import_react9.useCallback((n) => {
+  const rightSection = import_react10.useCallback((n) => {
     setLayout((prev) => ({
       ...prev,
       sections: { ...prev?.sections, ["right" /* Right */]: n }
@@ -6405,23 +6449,27 @@ var FrameLayout_default = Object.assign(FrameLayout, {
 // src/core/components/AppShell/index.tsx
 var jsx_dev_runtime13 = require("react/jsx-dev-runtime");
 var defaultAppShellLayoutId = "remoraidAppShell";
-var defaultProps = {
-  navbarVariant: null,
-  footerVariant: null
-};
+var defaultAppShellNavbarPositions = { ["minimal" /* Minimal */]: "left" /* Left */ };
+var defaultAppShellFooterPositions = { ["minimal" /* Minimal */]: "content" /* Content */ };
 function AppShell(props) {
   const {
     children,
     navbarVariant,
     footerVariant,
-    navbarPosition,
-    footerPosition,
     appContext: appContext2,
     componentsProps
   } = {
-    ...defaultProps,
+    navbarVariant: null,
+    footerVariant: null,
     ...props
   };
+  let { navbarPosition, footerPosition } = props;
+  if (navbarVariant !== null && navbarPosition === undefined) {
+    navbarPosition = defaultAppShellNavbarPositions[navbarVariant];
+  }
+  if (footerVariant !== null && footerPosition === undefined) {
+    footerPosition = defaultAppShellFooterPositions[footerVariant];
+  }
   let navbar;
   let footer;
   let navbarContainerProps = {};
@@ -6445,32 +6493,50 @@ function AppShell(props) {
   return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(AppProvider, {
     appContext: appContext2,
     ...componentsProps?.AppProvider,
-    children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(FrameLayout_default, {
-      layoutId: defaultAppShellLayoutId,
-      ...componentsProps?.layout,
-      children: [
-        navbarPosition !== undefined && navbarPosition !== "content" /* Content */ && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(FrameLayout_default.Element, {
-          section: navbarPosition,
-          componentsProps: { container: { ...navbarContainerProps } },
-          children: navbar
-        }, undefined, false, undefined, this),
-        footerPosition !== undefined && footerPosition !== "content" /* Content */ && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(FrameLayout_default.Element, {
-          section: footerPosition,
-          componentsProps: { container: { ...footerContainerProps } },
-          children: footer
-        }, undefined, false, undefined, this),
-        navbarPosition !== undefined && navbarPosition === "content" /* Content */ && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
-          children: navbar
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(import_core7.Box, {
-          ...componentsProps?.childrenContainer,
-          children
-        }, undefined, false, undefined, this),
-        footerPosition !== undefined && footerPosition === "content" /* Content */ && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
-          children: footer
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this)
+    children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(import_core7.Box, {
+      h: "100vh",
+      ...componentsProps?.container,
+      children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(FrameLayout_default, {
+        layoutId: defaultAppShellLayoutId,
+        ...componentsProps?.layout,
+        children: [
+          navbarPosition !== undefined && navbarPosition !== "content" /* Content */ && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(FrameLayout_default.Element, {
+            section: navbarPosition,
+            ...componentsProps?.navbarLayoutElement,
+            componentsProps: {
+              ...componentsProps?.navbarLayoutElement?.componentsProps,
+              container: {
+                ...navbarContainerProps,
+                ...componentsProps?.navbarLayoutElement?.componentsProps?.container
+              }
+            },
+            children: navbar
+          }, undefined, false, undefined, this),
+          footerPosition !== undefined && footerPosition !== "content" /* Content */ && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(FrameLayout_default.Element, {
+            section: footerPosition,
+            ...componentsProps?.footerLayoutElement,
+            componentsProps: {
+              ...componentsProps?.footerLayoutElement?.componentsProps,
+              container: {
+                ...footerContainerProps,
+                ...componentsProps?.footerLayoutElement?.componentsProps?.container
+              }
+            },
+            children: footer
+          }, undefined, false, undefined, this),
+          navbarPosition !== undefined && navbarPosition === "content" /* Content */ && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+            children: navbar
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(import_core7.Box, {
+            ...componentsProps?.childrenContainer,
+            children
+          }, undefined, false, undefined, this),
+          footerPosition !== undefined && footerPosition === "content" /* Content */ && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+            children: footer
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
 var AppShell_default = Object.assign(AppShell, {
@@ -6481,7 +6547,7 @@ var AppShell_default = Object.assign(AppShell, {
 var import_core10 = require("@mantine/core");
 
 // src/core/components/Page/index.tsx
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_navigation2 = require("next/navigation");
 
 // src/core/components/Page/PageContainer/index.tsx
@@ -6503,9 +6569,9 @@ function PageContainer({
 
 // src/core/components/Page/index.tsx
 var jsx_dev_runtime15 = require("react/jsx-dev-runtime");
-var pageContext = import_react10.default.createContext(null);
+var pageContext = import_react11.default.createContext(null);
 var usePage = () => {
-  return import_react10.useContext(pageContext);
+  return import_react11.useContext(pageContext);
 };
 function Page({
   children,
@@ -6517,7 +6583,7 @@ function Page({
   const pathname = import_navigation2.usePathname();
   const { isPageRegistered, registerPage } = useWidgets();
   const pageId = config?.pageId ?? pathname;
-  import_react10.useEffect(() => {
+  import_react11.useEffect(() => {
     if (!isPageRegistered(pageId)) {
       if (config?.registerPageDirectly) {
         registerPage(pageId, []);
@@ -6649,20 +6715,11 @@ function CloseButton({ widgetId }) {
 }
 // src/core/components/BadgeGroup/index.tsx
 var import_core13 = require("@mantine/core");
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 
 // src/core/components/BadgeMinimal/index.tsx
 var import_core12 = require("@mantine/core");
 var jsx_dev_runtime19 = 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();
@@ -6694,27 +6751,30 @@ function BadgeMinimal(props) {
 var jsx_dev_runtime20 = require("react/jsx-dev-runtime");
 var react = require("react");
 function BadgeGroup({
-  badges,
+  badges: badgesProp,
   gap,
   breakpoint,
   componentsProps
 }) {
   const theme = useRemoraidTheme();
-  const numVisibleBadges = badges.filter((e) => isBadgeMinimalProps(e) ? e.mounted !== false : true).length;
+  const badges = badgesProp.map((badge) => asElementOrPropsOfType(BadgeMinimal, badge, "Check 'badges' property passed to 'BadgeGroup'."));
+  const numVisibleBadges = badges.filter((badge) => isValidElementOfType(BadgeMinimal, badge) ? badge.props.mounted : badge.mounted !== false).length;
   return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(jsx_dev_runtime20.Fragment, {
     children: [
       /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(import_core13.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;
+        children: badges.map((badge, i) => {
+          if (isValidElementOfType(BadgeMinimal, badge)) {
+            return badge;
+          } else if (import_react12.isValidElement(badge)) {
+            throw new TypeError(`Expected React element of type ${BadgeMinimal.name}, but received type: ${typeof badge.type === "string" ? badge.type : badge.type?.name ?? "unknown"}. Check the 'badges' property of this widget.`);
+          }
+          return /* @__PURE__ */ react.createElement(BadgeMinimal, {
+            ...badge,
+            key: i
+          });
         })
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(import_core13.Tooltip, {
@@ -6736,17 +6796,7 @@ function BadgeGroup({
 // src/core/components/AlertMinimal/index.tsx
 var import_core14 = require("@mantine/core");
 var jsx_dev_runtime21 = 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,
@@ -6754,7 +6804,8 @@ function AlertMinimal({
   mounted,
   mt,
   mb,
-  componentsProps
+  componentsProps,
+  children
 }) {
   const theme = useRemoraidTheme();
   return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(import_core14.Transition, {
@@ -6786,15 +6837,6 @@ function AlertMinimal({
 var import_core15 = require("@mantine/core");
 var import_icons_react6 = require("@tabler/icons-react");
 var jsx_dev_runtime22 = require("react/jsx-dev-runtime");
-var isRemoraidButtonProps = (e) => {
-  if (typeof e !== "object") {
-    return false;
-  }
-  if (!("label" in e)) {
-    return false;
-  }
-  return true;
-};
 function RemoraidButton({
   label,
   responsive,
@@ -6852,7 +6894,7 @@ function RemoraidButton({
 }
 // src/core/components/Widget/WidgetWrapper/index.tsx
 var import_core16 = require("@mantine/core");
-var import_react12 = require("react");
+var import_react13 = require("react");
 var jsx_dev_runtime23 = require("react/jsx-dev-runtime");
 function WidgetWrapper({
   children,
@@ -6871,7 +6913,7 @@ function WidgetWrapper({
   const page = usePage();
   const theme = useRemoraidTheme();
   const pageRegistered = page ? isPageRegistered(page.pageId) : false;
-  import_react12.useEffect(() => {
+  import_react13.useEffect(() => {
     if (!page) {
       return;
     }
@@ -6920,14 +6962,17 @@ function Widget({
   id,
   config,
   title,
-  badges,
-  buttons,
-  alerts,
+  badges: badgesProp,
+  buttons: buttonsProp,
+  alerts: alertsProp,
   gaps,
   loading,
   mt,
   componentsProps
 }) {
+  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";
@@ -6968,31 +7013,37 @@ function Widget({
           /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(import_core17.Group, {
             gap: buttonsGap,
             wrap: "nowrap",
-            children: buttons !== undefined && buttons.map((e, i) => {
-              if (isRemoraidButtonProps(e)) {
-                return /* @__PURE__ */ react2.createElement(RemoraidButton, {
-                  ...e,
-                  key: i
-                });
+            children: buttons !== undefined && buttons.map((button, i) => {
+              if (isValidElementOfType(RemoraidButton, button)) {
+                return button;
               }
-              return e;
+              return /* @__PURE__ */ react2.createElement(RemoraidButton, {
+                ...button,
+                key: i
+              });
             })
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(import_core17.Divider, {
-        my: "md"
+        my: "md",
+        ...componentsProps?.divider
       }, undefined, false, undefined, this),
-      alerts !== undefined && alerts.map((a, i) => {
-        if (isAlertMinimalProps(a)) {
+      /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(import_core17.Stack, {
+        align: "stretch",
+        gap: alertsGap,
+        mb: alerts && alerts.length > 0 ? "md" : 0,
+        ...componentsProps?.alertsContainer,
+        children: alerts?.map((alert, i) => {
+          if (isValidElementOfType(AlertMinimal, alert)) {
+            return alert;
+          }
           return /* @__PURE__ */ react2.createElement(AlertMinimal, {
-            ...a,
-            mb: alertsGap,
+            ...alert,
             key: i
           });
-        }
-        return a;
-      }),
+        })
+      }, undefined, false, undefined, this),
       loading ? /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(import_core17.Center, {
         children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(import_core17.Loader, {
           ...componentsProps?.loader
@@ -7064,7 +7115,7 @@ function EnvironmentShell({
   return alert;
 }
 // src/core/components/SettingsWidget/index.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_icons_react8 = require("@tabler/icons-react");
 
 // src/core/components/SettingsWidget/SaveButton/index.tsx
@@ -7106,9 +7157,9 @@ function SaveButton({
 // src/core/components/SettingsWidget/index.tsx
 var jsx_dev_runtime28 = require("react/jsx-dev-runtime");
 var defaultSettingsWidgetContext = {};
-var settingsWidgetContext = import_react13.createContext(defaultSettingsWidgetContext);
+var settingsWidgetContext = import_react14.createContext(defaultSettingsWidgetContext);
 var useSettingsWidgetContext = () => {
-  return import_react13.useContext(settingsWidgetContext);
+  return import_react14.useContext(settingsWidgetContext);
 };
 function SettingsWidget({
   children,
@@ -7155,7 +7206,7 @@ var SettingsWidget_default = Object.assign(SettingsWidget, {
   SaveButton
 });
 // src/core/components/SettingsWidget/SettingsTable/index.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_core22 = require("@mantine/core");
 
 // src/core/components/SettingsWidget/SettingsTable/Row/index.tsx
@@ -7188,15 +7239,16 @@ var jsx_dev_runtime30 = require("react/jsx-dev-runtime");
 var defaultSettingsTableOptions = {
   leftColumnWidth: "38.2%"
 };
-var settingsTableOptionsContext = import_react14.createContext(defaultSettingsTableOptions);
+var settingsTableOptionsContext = import_react15.createContext(defaultSettingsTableOptions);
 var useSettingsTableOptions = () => {
-  return import_react14.useContext(settingsTableOptionsContext);
+  return import_react15.useContext(settingsTableOptionsContext);
 };
 function SettingsTable({
-  children,
-  leftColumnWidth
+  leftColumnWidth,
+  children: childrenProp
 }) {
   const theme = useRemoraidTheme();
+  const children = asChildrenOfType(Row, childrenProp, "Check children passed to 'SettingsTable' component.");
   return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(settingsTableOptionsContext.Provider, {
     value: {
       leftColumnWidth: leftColumnWidth ?? defaultSettingsTableOptions.leftColumnWidth
@@ -7216,7 +7268,6 @@ var SettingsTable_default = Object.assign(SettingsTable, {
   Row
 });
 // src/core/components/NavbarSettingsWidget/index.tsx
-var import_react15 = require("react");
 var import_lodash = __toESM(require_lodash());
 var import_core23 = require("@mantine/core");
 var import_icons_react9 = require("@tabler/icons-react");
@@ -7244,6 +7295,7 @@ function NavbarSettingsWidget({
     },
     custom: !import_lodash.isEqual(userExperience.navbar, initialUserExperience.navbar),
     children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(SettingsTable_default, {
+      ...componentsProps?.table,
       children: [
         /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(SettingsTable_default.Row, {
           label: "Select which pages you want to display or hide",
@@ -7274,9 +7326,57 @@ function NavbarSettingsWidget({
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         }, "select-hidden-pages", false, undefined, this),
-        ...(additionalRows ?? []).map((row, i) => row.key ? row : import_react15.cloneElement(row, { key: i }))
-      ],
-      ...componentsProps?.table
-    }, undefined, false, undefined, this)
+        additionalRows && additionalRows.map((row, i) => {
+          if (isValidElementOfType(SettingsTable_default.Row, row)) {
+            return row;
+          }
+          return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(SettingsTable_default.Row, {
+            ...row
+          }, i, false, undefined, this);
+        })
+      ]
+    }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
 }
+// src/core/components/ContextClusterProvider/index.tsx
+var import_react16 = __toESM(require("react"));
+var jsx_dev_runtime32 = require("react/jsx-dev-runtime");
+var createContextCluster = (generalDefaultValue, staticIds) => {
+  const isStaticId = (id) => {
+    if (staticIds?.find((staticId) => staticId === id)) {
+      return true;
+    }
+    return false;
+  };
+  const contexts = {};
+  const defaultValues = {};
+  const createContext8 = (id, defaultValue) => {
+    const context = import_react16.default.createContext(defaultValue ?? generalDefaultValue);
+    contexts[id] = context;
+    defaultValues[id] = defaultValue ?? generalDefaultValue;
+    return context;
+  };
+  const useContext11 = (id) => {
+    if (isStaticId(id)) {
+      return contexts[id] ? import_react16.default.useContext(contexts[id]) : generalDefaultValue;
+    }
+    return contexts[id] ? import_react16.default.useContext(contexts[id]) : null;
+  };
+  return {
+    contexts,
+    defaultValues,
+    generalDefaultValue,
+    createContext: createContext8,
+    useContext: useContext11
+  };
+};
+function ContextClusterProvider({
+  cluster,
+  values = {},
+  children
+}) {
+  return Object.entries(cluster.contexts).reduceRight((t, [id, context]) => /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(context.Provider, {
+    value: values[id] ?? cluster.defaultValues[id] ?? cluster.generalDefaultValue,
+    children: t
+  }, undefined, false, undefined, this), children);
+}