remoraid 2.7.2 → 2.14.7

package/dist/core/index.d.ts

@@ -1,37 +1,44 @@
-import { PropsWithChildren as PropsWithChildren4, ReactNode as ReactNode5 } from "react";
-import { AlertProps, IndicatorProps, MantineBreakpoint, MantineColorScheme, MantineSize, MantineTheme, ScrollAreaProps } from "@mantine/core";
+import { PropsWithChildren as PropsWithChildren5, ReactNode as ReactNode6 } from "react";
+import { AlertProps, MantineBreakpoint, MantineColorScheme, MantineSize, MantineTheme, ScrollAreaProps } from "@mantine/core";
 import { Icon, IconProps } from "@tabler/icons-react";
 import { ImageProps } from "next/image";
-import { ReactNode } from "react";
+import React2, { Dispatch, ReactNode, SetStateAction } from "react";
 type RemoraidUser = {
 	name: string
 } | null;
-interface RemoraidAppContext {
+interface RemoraidAuthContext {
+	user: RemoraidUser;
+	onLogout?: () => void;
+}
+type AppLogo = (props: Omit<ImageProps, "src" | "alt">) => ReactNode;
+interface StaticRemoraidAppContext {
 	navigablePages: {
 		label: string
 		href: string
 		icon?: Icon
 	}[];
-	user?: RemoraidUser;
+	logo?: AppLogo;
+	auth?: RemoraidAuthContext;
 }
+type CustomAppVariables = { [K in Exclude<string, keyof StaticRemoraidAppContext>] : any };
+type RemoraidAppContext<V extends CustomAppVariables> = StaticRemoraidAppContext & V;
+type AppContextProps<V extends CustomAppVariables> = StaticRemoraidAppContext & V;
 declare enum NavbarVariant {
 	Minimal = "minimal"
 }
-interface NavbarSettings {
-	hiddenPages: string[];
-	linkSize: string;
-	px: MantineSize | number;
-	py: MantineSize | number;
-	iconSize?: string | number;
-}
-type UserExperience = Record<string, any>;
-interface CoreUserExperience extends UserExperience {
-	navbarVariant: NavbarVariant;
-	navbarSettings: NavbarSettings;
+declare enum FooterVariant {
+	Minimal = "minimal"
+}
+type PrimitiveUserExperience = string | number | boolean;
+type UserExperience = Record<string, any> | PrimitiveUserExperience | PrimitiveUserExperience[];
+interface CoreUserExperience {
 	showWelcomeMessage: boolean;
+	navbar: {
+		hiddenPages: string[]
+	};
 }
 type UserExperienceProviderProps<T extends UserExperience> = {
-	initialValue?: Partial<T>
+	initialValue?: T extends PrimitiveUserExperience | PrimitiveUserExperience[] ? T : Partial<T>
 	cookieName?: string
 };
 interface UserExperienceContext<T extends UserExperience> {
@@ -75,14 +82,6 @@ interface RemoraidThemeDependencies {
 	colorScheme: MantineColorScheme;
 }
 type RemoraidThemeCallback = (dependencies: Partial<RemoraidThemeDependencies>) => Partial<RemoraidTheme>;
-type AppShellLogo = (props: Omit<ImageProps, "src" | "alt">) => ReactNode;
-interface NavbarProps {
-	settings?: Partial<NavbarSettings>;
-	variant?: NavbarVariant;
-	linkIndicator?: (isHovering: boolean) => IndicatorProps;
-	logoIndicator?: (isHovering: boolean) => IndicatorProps;
-	onLogout?: () => void;
-}
 interface WidgetConfiguration {
 	widgetId: string;
 	name: string;
@@ -105,6 +104,42 @@ interface HydrationStatus {
 	hasHydrated: boolean;
 	ensureHydration: <T>(v: T) => T | undefined;
 }
+declare enum LayoutType {
+	Frame = "frame"
+}
+declare enum FrameLayoutSection {
+	Top = "top",
+	Bottom = "bottom",
+	Left = "left",
+	Right = "right",
+	Content = "content"
+}
+type Layout<T extends LayoutType> = T extends LayoutType.Frame ? {
+	sections: Record<Exclude<FrameLayoutSection, FrameLayoutSection.Content>, HTMLDivElement | null>
+} : never;
+interface LayoutsContext {
+	layouts: Record<string, Layout<LayoutType>>;
+	setLayouts: Dispatch<SetStateAction<Record<string, Layout<LayoutType>>>>;
+}
+type FrameLayoutContext = {
+	layoutId: string | null
+	layout: Layout<LayoutType.Frame>
+	setLayout: Dispatch<SetStateAction<Layout<LayoutType.Frame>>>
+};
+declare enum FrameLayoutVariant {
+	Plain = "plain",
+	Sticky = "sticky"
+}
+interface ContextCluster<
+	Context,
+	StaticID extends string = never
+> {
+	contexts: Record<string, React2.Context<Context>>;
+	defaultValues: Record<string, Context>;
+	generalDefaultValue: Context;
+	createContext: (id: string, defaultValue?: Context) => React2.Context<Context>;
+	useContext: <ID extends string>(id: ID) => ID extends StaticID ? Context : Context | null;
+}
 interface WidgetsContext {
 	widgets: {
 		[index: string]: {
@@ -143,6 +178,12 @@ declare const useHydratedMantineColorScheme: () => {
 };
 interface HydrationStatusProviderProps {}
 declare function HydrationStatusProvider({ children }: PropsWithChildren3<HydrationStatusProviderProps>): ReactNode4;
+declare const defaultLayoutsContext: {
+	layouts: {}
+	setLayouts: () => void
+};
+declare const useLayouts: () => LayoutsContext;
+interface LayoutsProviderProps {}
 interface RemoraidProviderProps {
 	theme?: ThemeProviderProps["theme"];
 	initialUserExperience?: UserExperienceProviderProps<CoreUserExperience>["initialValue"];
@@ -152,56 +193,202 @@ interface RemoraidProviderProps {
 		WidgetsProvider?: Partial<WidgetsProviderProps>
 		CookiesProvider?: Partial<ReactCookieProps>
 		HydrationStatusProviderProps?: Partial<HydrationStatusProviderProps>
+		LayoutsProviderProps?: Partial<LayoutsProviderProps>
 	};
 }
-declare function RemoraidProvider({ children, theme, initialUserExperience, componentsProps }: PropsWithChildren4<RemoraidProviderProps>): ReactNode5;
-import { PropsWithChildren as PropsWithChildren5, ReactNode as ReactNode6 } from "react";
-interface AppShellProps {
-	logo: AppShellLogo;
-	navigablePages: RemoraidAppContext["navigablePages"];
-	navbar?: NavbarProps;
-	user?: RemoraidUser;
-}
-declare function AppShell({ children, logo, navbar, user, navigablePages }: PropsWithChildren5<AppShellProps>): ReactNode6;
-import { PropsWithChildren as PropsWithChildren6, ReactNode as ReactNode7 } from "react";
-declare const defaultAppContext: RemoraidAppContext;
-declare const useRemoraidApp: () => RemoraidAppContext;
-interface AppProviderProps {
-	navigablePages: RemoraidAppContext["navigablePages"];
-	user?: RemoraidUser;
-}
-declare function AppProvider({ children, navigablePages, user }: PropsWithChildren6<AppProviderProps>): ReactNode7;
-import { Context, PropsWithChildren as PropsWithChildren7, ReactNode as ReactNode8 } from "react";
-declare const createUserExperienceContext: <T extends UserExperience>(defaultUserExperience: T) => Context<UserExperienceContext<T>>;
+declare function RemoraidProvider({ children, theme, initialUserExperience, componentsProps }: PropsWithChildren5<RemoraidProviderProps>): ReactNode6;
+import { BoxProps as BoxProps3 } from "@mantine/core";
+import { IndicatorProps, PaperProps } from "@mantine/core";
+import { Icon as Icon2 } from "@tabler/icons-react";
+import { ReactNode as ReactNode7 } from "react";
+interface NavbarLinkProps {
+	label: string;
+	linkSize: string;
+	iconSize: string;
+	icon?: Icon2;
+	indicator?: (isHovering: boolean) => IndicatorProps;
+	href?: string;
+	active?: boolean;
+	onClick?(): void;
+}
+interface NavbarMinimalProps {
+	linkSize?: string;
+	iconSize?: string;
+	linkIndicator?: (isHovering: boolean) => IndicatorProps;
+	logoIndicator?: (isHovering: boolean) => IndicatorProps;
+	componentsProps?: {
+		container?: Partial<PaperProps>
+		link?: Partial<NavbarLinkProps>
+	};
+}
+declare function NavbarMinimal({ linkSize, iconSize, linkIndicator, logoIndicator, componentsProps }: NavbarMinimalProps): ReactNode7;
+import { GroupProps } from "@mantine/core";
+import { IconProps as IconProps2 } from "@tabler/icons-react";
+import { ReactNode as ReactNode8 } from "react";
+interface FooterMinimalProps {
+	componentsProps?: {
+		container?: Partial<GroupProps>
+		icon?: Partial<IconProps2>
+	};
+}
+declare function FooterMinimal({ componentsProps }: FooterMinimalProps): ReactNode8;
+import { ComponentProps as ComponentProps3, PropsWithChildren as PropsWithChildren9, ReactNode as ReactNode12 } from "react";
+import { PropsWithChildren as PropsWithChildren6, ReactNode as ReactNode9 } from "react";
+declare const defaultAppContext: RemoraidAppContext<CustomAppVariables>;
+declare const useRemoraidApp: () => RemoraidAppContext<CustomAppVariables>;
+interface AppProviderProps<V extends CustomAppVariables = {}> {
+	appContext: AppContextProps<V>;
+}
+declare function AppProvider2<V extends CustomAppVariables = {}>({ appContext: appContextProps, children }: PropsWithChildren6<AppProviderProps<V>>): ReactNode9;
+import { ComponentProps, ElementType, ReactElement } from "react";
+declare const co: <T>(condition: (value: T) => boolean, value: T, fallback: T) => T;
+type Common<
+	A,
+	B
+> = Pick<A & B, keyof A & keyof B>;
+type Optional<
+	T,
+	K extends keyof T
+> = Omit<T, K> & Partial<Pick<T, K>>;
+type OptionalIfExtends<
+	T,
+	K extends keyof T,
+	V1,
+	V2
+> = [V1] extends [V2] ? Optional<T, K> : T;
+type ElementOfType<T extends ElementType> = ReactElement<ComponentProps<T>, T>;
+type ChildrenOfType<T extends ElementType> = ElementOfType<T> | undefined | null | ReadonlyArray<ChildrenOfType<T>>;
+type PropsWithChildrenOfType<
+	T extends ElementType,
+	P = {}
+> = P & {
+	children?: ChildrenOfType<T>
+};
+type ElementOrPropsOfType<T extends ElementType> = ElementOfType<T> | ComponentProps<T>;
+declare const isValidElementOfType: <T extends ElementType>(type: T, value: unknown) => value is ElementOfType<T>;
+declare const getElementTypeName: (type: ElementType | ReactElement["type"]) => string;
+declare const asElementOfType: <T extends ElementType>(type: T, element: ReactElement, additionalErrorMessage?: string) => ElementOfType<T>;
+declare const asChildrenOfType: <T extends ElementType>(type: T, children: ChildrenOfType<ElementType>, additionalErrorMessage?: string) => ChildrenOfType<T>;
+declare const asElementOrPropsOfType: <T extends ElementType>(type: T, elementOrProps: ReactElement | ComponentProps<T>, additionalErrorMessage?: string) => ElementOrPropsOfType<T>;
+import { BoxProps as BoxProps2, GroupProps as GroupProps2, ScrollAreaProps as ScrollAreaProps2, StackProps } from "@mantine/core";
+import { ComponentProps as ComponentProps2, PropsWithChildren as PropsWithChildren8, ReactNode as ReactNode11 } from "react";
+import { PropsWithChildren as PropsWithChildren7, ReactNode as ReactNode10 } from "react";
+import { BoxProps } from "@mantine/core";
+interface FrameLayoutElementProps {
+	section: Exclude<FrameLayoutSection, FrameLayoutSection.Content>;
+	includeContainer?: boolean;
+	layoutId?: string;
+	componentsProps?: {
+		container?: Partial<BoxProps>
+	};
+}
+declare function Element2({ section, includeContainer, layoutId, componentsProps, children }: PropsWithChildren7<FrameLayoutElementProps>): ReactNode10;
+declare const isFrameLayout: (layout: Layout<LayoutType>) => layout is Layout<LayoutType.Frame>;
+type DefaultFrameLayoutVariant = FrameLayoutVariant.Sticky;
+declare const defaultFrameLayoutContext: FrameLayoutContext;
+declare const useFrameLayout: () => FrameLayoutContext;
+interface FrameLayoutPropsWithExplicitVariant<T extends FrameLayoutVariant> {
+	variant: T;
+	layoutId: string;
+	componentsProps?: {
+		childrenContainer?: T extends FrameLayoutVariant.Plain ? Partial<BoxProps2> : T extends FrameLayoutVariant.Sticky ? Partial<ScrollAreaProps2> : never
+		horizontalContainer?: Partial<GroupProps2>
+		verticalContainer?: Partial<StackProps>
+		sectionContainers?: {
+			[FrameLayoutSection.Left]?: Partial<GroupProps2>
+			[FrameLayoutSection.Right]?: Partial<GroupProps2>
+			[FrameLayoutSection.Top]?: Partial<StackProps>
+			[FrameLayoutSection.Bottom]?: Partial<StackProps>
+		}
+	};
+}
+type FrameLayoutProps<T extends FrameLayoutVariant = DefaultFrameLayoutVariant> = T extends DefaultFrameLayoutVariant ? Optional<FrameLayoutPropsWithExplicitVariant<T>, "variant"> : FrameLayoutPropsWithExplicitVariant<T>;
+declare function FrameLayout<T extends FrameLayoutVariant = DefaultFrameLayoutVariant>({ variant, layoutId, componentsProps, children }: PropsWithChildren8<FrameLayoutProps<T>>): ReactNode11;
+interface FrameLayout {
+	<T extends FrameLayoutVariant = DefaultFrameLayoutVariant>(props: ComponentProps2<typeof FrameLayout<T>>): ReactNode11;
+	Element: typeof Element2;
+}
+declare const _default: FrameLayout;
+declare const defaultAppShellLayoutId = "remoraidAppShell";
+type AppShellNavbarVariant = NavbarVariant | null;
+type AppShellFooterVariant = FooterVariant | null;
+type DefaultNavbarVariant = null;
+type DefaultFooterVariant = null;
+type AppShellNavbarPosition<N extends AppShellNavbarVariant> = N extends NavbarVariant.Minimal ? FrameLayoutSection.Left | FrameLayoutSection.Right : N extends null ? never : FrameLayoutSection;
+type AppShellFooterPosition<F extends AppShellFooterVariant> = F extends FooterVariant.Minimal ? FrameLayoutSection.Content | FrameLayoutSection.Bottom : F extends null ? never : FrameLayoutSection;
+declare const defaultAppShellNavbarPositions: { [N in Exclude<AppShellNavbarVariant, null>] : AppShellNavbarPosition<N> };
+declare const defaultAppShellFooterPositions: { [F in Exclude<AppShellFooterVariant, null>] : AppShellFooterPosition<F> };
+interface ExplicitAppShellProps<
+	N extends AppShellNavbarVariant,
+	F extends AppShellFooterVariant,
+	V extends CustomAppVariables
+> {
+	navbarVariant: N;
+	footerVariant: F;
+	appContext: AppContextProps<V>;
+	navbarPosition?: AppShellNavbarPosition<N>;
+	footerPosition?: AppShellFooterPosition<F>;
+	componentsProps?: {
+		container?: Partial<BoxProps3>
+		navbar?: N extends NavbarVariant.Minimal ? Partial<NavbarMinimalProps> : never
+		footer?: N extends FooterVariant.Minimal ? Partial<FooterMinimalProps> : never
+		layout?: Partial<FrameLayoutProps<FrameLayoutVariant.Sticky>>
+		childrenContainer?: Partial<BoxProps3>
+		navbarLayoutElement?: Omit<Partial<FrameLayoutElementProps>, "section">
+		footerLayoutElement?: Omit<Partial<FrameLayoutElementProps>, "section">
+		AppProvider?: Partial<AppProviderProps>
+	};
+}
+type AppShellProps<
+	N extends AppShellNavbarVariant = DefaultNavbarVariant,
+	F extends AppShellFooterVariant = DefaultFooterVariant,
+	V extends CustomAppVariables = {}
+> = OptionalIfExtends<OptionalIfExtends<ExplicitAppShellProps<N, F, V>, "footerVariant", F, DefaultFooterVariant>, "navbarVariant", N, DefaultNavbarVariant>;
+declare function AppShell<
+	N extends AppShellNavbarVariant = DefaultNavbarVariant,
+	F extends AppShellFooterVariant = DefaultFooterVariant,
+	V extends CustomAppVariables = {}
+>(props: PropsWithChildren9<AppShellProps<N, F, V>>): ReactNode12;
+interface AppShell {
+	<
+		N extends AppShellNavbarVariant = DefaultNavbarVariant,
+		F extends AppShellFooterVariant = DefaultFooterVariant,
+		V extends CustomAppVariables = {}
+	>(props: ComponentProps3<typeof AppShell<N, F, V>>): ReactNode12;
+	NavbarMinimal: typeof NavbarMinimal;
+	FooterMinimal: typeof FooterMinimal;
+}
+declare const _default2: AppShell;
+import { Context as Context2, PropsWithChildren as PropsWithChildren10, ReactNode as ReactNode13 } from "react";
+declare const createUserExperienceContext: <T extends UserExperience>(defaultUserExperience: T) => Context2<UserExperienceContext<T>>;
 interface UserExperienceProviderWrapperProps<T extends UserExperience> {
-	context: Context<UserExperienceContext<T>>;
+	context: Context2<UserExperienceContext<T>>;
 	cookieName: string;
 	defaultUserExperience: T;
 	isValidUserExperience: (x: unknown) => x is T;
-	initialValue?: Partial<T>;
+	initialValue?: T extends PrimitiveUserExperience | PrimitiveUserExperience[] ? never : Partial<T>;
 }
-declare function UserExperienceProviderWrapper<T extends UserExperience>({ children, context, cookieName, defaultUserExperience, isValidUserExperience, initialValue }: PropsWithChildren7<UserExperienceProviderWrapperProps<T>>): ReactNode8;
-declare const defaultNavbarSettings: Record<NavbarVariant, NavbarSettings>;
+declare function UserExperienceProviderWrapper<T extends UserExperience>({ children, context, cookieName, defaultUserExperience, isValidUserExperience, initialValue }: PropsWithChildren10<UserExperienceProviderWrapperProps<T>>): ReactNode13;
 declare const defaultUserExperience: CoreUserExperience;
 declare const defaultUserExperienceCookieName = "remoraid-core-user-experience";
 declare const useRemoraidUserExperience: () => UserExperienceContext<CoreUserExperience>;
 import { MantineSize as MantineSize2 } from "@mantine/core";
-import { ReactNode as ReactNode10 } from "react";
+import { ReactNode as ReactNode15 } from "react";
 interface WidgetSelectionHeaderProps {
 	title?: string;
 	disabledWidgets?: string[];
 	mt?: MantineSize2 | number;
 }
-declare function WidgetSelectionHeader({ title, disabledWidgets, mt }: WidgetSelectionHeaderProps): ReactNode10;
-import { ReactNode as ReactNode11 } from "react";
+declare function WidgetSelectionHeader({ title, disabledWidgets, mt }: WidgetSelectionHeaderProps): ReactNode15;
+import { ReactNode as ReactNode16 } from "react";
 interface CloseButtonProps {
 	widgetId: string;
 }
-declare function CloseButton2({ widgetId }: CloseButtonProps): ReactNode11;
+declare function CloseButton2({ widgetId }: CloseButtonProps): ReactNode16;
 import { BadgeProps as BadgeProps2, MantineBreakpoint as MantineBreakpoint2, MantineSize as MantineSize3, TooltipProps as TooltipProps2 } from "@mantine/core";
-import { ReactNode as ReactNode13 } from "react";
+import { ComponentProps as ComponentProps4, ReactNode as ReactNode18 } from "react";
 import { BadgeProps, TooltipProps, TransitionProps } from "@mantine/core";
-import { ReactNode as ReactNode12 } from "react";
+import { ReactNode as ReactNode17 } from "react";
 interface BadgeMinimalProps {
 	label: string;
 	tooltip?: string;
@@ -212,9 +399,9 @@ interface BadgeMinimalProps {
 		tooltip?: TooltipProps
 	};
 }
-declare function BadgeMinimal(props: BadgeMinimalProps): ReactNode12;
+declare function BadgeMinimal(props: BadgeMinimalProps): ReactNode17;
 interface BadgeGroupProps {
-	badges: (BadgeMinimalProps | ReactNode13)[];
+	badges: (ComponentProps4<typeof BadgeMinimal> | ElementOfType<typeof BadgeMinimal>)[];
 	gap?: MantineSize3 | number;
 	breakpoint?: MantineBreakpoint2;
 	componentsProps?: {
@@ -222,9 +409,9 @@ interface BadgeGroupProps {
 		cumulativeBadge?: Partial<Omit<BadgeProps2, "hiddenFrom" | "circle">>
 	};
 }
-declare function BadgeGroup({ badges, gap, breakpoint, componentsProps }: BadgeGroupProps): ReactNode13;
+declare function BadgeGroup({ badges: badgesProp, gap, breakpoint, componentsProps }: BadgeGroupProps): ReactNode18;
 import { AlertProps as AlertProps2, MantineSize as MantineSize4, TransitionProps as TransitionProps2 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren9, ReactNode as ReactNode14 } from "react";
+import { PropsWithChildren as PropsWithChildren12, ReactNode as ReactNode19 } from "react";
 interface AlertMinimalProps {
 	category: AlertCategory;
 	title?: string;
@@ -238,19 +425,10 @@ interface AlertMinimalProps {
 		transition?: Omit<TransitionProps2, "mounted">
 	};
 }
-declare function AlertMinimal({ children, title, category, text, onClose, mounted, mt, mb, componentsProps }: PropsWithChildren9<AlertMinimalProps>): ReactNode14;
+declare function AlertMinimal({ title, category, text, onClose, mounted, mt, mb, componentsProps, children }: PropsWithChildren12<AlertMinimalProps>): ReactNode19;
 import { ActionIconProps, ActionIconVariant, ButtonProps, ButtonVariant, MantineBreakpoint as MantineBreakpoint3, MantineColor, MantineSize as MantineSize5, TooltipProps as TooltipProps3 } from "@mantine/core";
-import { Icon as Icon2, IconProps as IconProps2 } from "@tabler/icons-react";
-import { ReactNode as ReactNode15 } from "react";
-import { ReactElement } from "react";
-type Common<
-	A,
-	B
-> = Pick<A & B, keyof A & keyof B>;
-type OnlyChildrenOf<
-	T extends (...args: any) => any,
-	P = any
-> = ReactElement<P, T> | ReactElement<P, T>[];
+import { Icon as Icon3, IconProps as IconProps3 } from "@tabler/icons-react";
+import { ReactNode as ReactNode20 } from "react";
 interface RemoraidButtonProps {
 	label: string;
 	responsive?: boolean;
@@ -258,23 +436,23 @@ interface RemoraidButtonProps {
 	collapsed?: boolean;
 	size?: MantineSize5;
 	color?: MantineColor;
-	icon?: Icon2;
+	icon?: Icon3;
 	onClick?: () => void;
 	loading?: boolean;
 	variant?: Extract<ButtonVariant, ActionIconVariant>;
 	componentsProps?: {
 		tooltip?: Partial<TooltipProps3>
-		icon?: Partial<IconProps2>
+		icon?: Partial<IconProps3>
 		button?: Omit<Partial<Common<ButtonProps, ActionIconProps>>, "variant" | "onClick" | "size" | "color" | "loading">
 		Button?: Partial<ButtonProps>
 		ActionIcon?: Partial<ActionIconProps>
 	};
 }
-declare function RemoraidButton({ label, responsive, breakpoint, collapsed, size, color, onClick, loading, variant, componentsProps,...props }: RemoraidButtonProps): ReactNode15;
-import { MantineSize as MantineSize6, PaperProps, TransitionProps as TransitionProps3 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren10, ReactNode as ReactNode16 } from "react";
+declare function RemoraidButton({ label, responsive, breakpoint, collapsed, size, color, onClick, loading, variant, componentsProps,...props }: RemoraidButtonProps): ReactNode20;
+import { MantineSize as MantineSize6, PaperProps as PaperProps2, TransitionProps as TransitionProps3 } from "@mantine/core";
+import { PropsWithChildren as PropsWithChildren13, ReactNode as ReactNode21 } from "react";
 interface WidgetWrapperComponentsProps {
-	container?: Partial<PaperProps>;
+	container?: Partial<PaperProps2>;
 	transition?: Partial<Omit<TransitionProps3, "mounted">>;
 }
 interface WidgetWrapperProps {
@@ -283,25 +461,27 @@ interface WidgetWrapperProps {
 	withCloseButton?: boolean;
 	componentsProps?: WidgetWrapperComponentsProps;
 }
-declare function WidgetWrapper({ children, config, mt, withCloseButton, componentsProps }: PropsWithChildren10<WidgetWrapperProps>): ReactNode16;
-interface WidgetWrapper extends React.FC<PropsWithChildren10<WidgetWrapperProps>> {
+declare function WidgetWrapper({ children, config, mt, withCloseButton, componentsProps }: PropsWithChildren13<WidgetWrapperProps>): ReactNode21;
+interface WidgetWrapper extends React.FC<PropsWithChildren13<WidgetWrapperProps>> {
 	CloseButton: typeof CloseButton2;
 }
-declare const _default: WidgetWrapper;
-import { MantineSize as MantineSize7, LoaderProps } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren11, ReactNode as ReactNode17 } from "react";
+declare const _default3: WidgetWrapper;
+import { MantineSize as MantineSize7, LoaderProps, DividerProps, StackProps as StackProps2 } from "@mantine/core";
+import { ComponentProps as ComponentProps5, PropsWithChildren as PropsWithChildren14, ReactNode as ReactNode22 } from "react";
 interface WidgetComponentsProps extends WidgetWrapperComponentsProps {
 	wrapper?: Partial<Omit<WidgetWrapperProps, "widgetId">>;
 	loader?: Partial<LoaderProps>;
 	badgeGroup?: Partial<BadgeGroupProps>;
+	divider?: Partial<DividerProps>;
+	alertsContainer?: Partial<StackProps2>;
 }
 interface WidgetProps {
 	id: string;
 	title: string;
 	config?: Partial<Omit<WidgetConfiguration, "widgetId">>;
-	badges?: (BadgeMinimalProps | ReactNode17)[];
-	buttons?: (RemoraidButtonProps | ReactNode17)[];
-	alerts?: (AlertMinimalProps | ReactNode17)[];
+	badges?: (ComponentProps5<typeof BadgeMinimal> | ElementOfType<typeof BadgeMinimal>)[];
+	buttons?: (ComponentProps5<typeof RemoraidButton> | ElementOfType<typeof RemoraidButton>)[];
+	alerts?: (ComponentProps5<typeof AlertMinimal> | ElementOfType<typeof AlertMinimal>)[];
 	gaps?: MantineSize7 | number | {
 		badges?: MantineSize7 | number
 		buttons?: MantineSize7 | number
@@ -311,9 +491,9 @@ interface WidgetProps {
 	mt?: MantineSize7 | number;
 	componentsProps?: WidgetComponentsProps;
 }
-declare function Widget({ children, id, config, title, badges, buttons, alerts, gaps, loading, mt, componentsProps }: PropsWithChildren11<WidgetProps>): ReactNode17;
+declare function Widget({ children, id, config, title, badges: badgesProp, buttons: buttonsProp, alerts: alertsProp, gaps, loading, mt, componentsProps }: PropsWithChildren14<WidgetProps>): ReactNode22;
 import { ContainerProps, MantineSize as MantineSize8 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren12, ReactNode as ReactNode18 } from "react";
+import { PropsWithChildren as PropsWithChildren15, ReactNode as ReactNode23 } from "react";
 declare const usePage: () => PageConfiguration | null;
 interface PageProps {
 	name?: string;
@@ -323,26 +503,26 @@ interface PageProps {
 		container?: ContainerProps
 	};
 }
-declare function Page({ children, name, config, pt, componentsProps }: PropsWithChildren12<PageProps>): ReactNode18;
+declare function Page({ children, name, config, pt, componentsProps }: PropsWithChildren15<PageProps>): ReactNode23;
 import { ContainerProps as ContainerProps2, MantineSize as MantineSize9 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren13, ReactNode as ReactNode19 } from "react";
+import { PropsWithChildren as PropsWithChildren16, ReactNode as ReactNode24 } from "react";
 interface PageContainerProps {
 	pt?: MantineSize9 | number;
 	componentsProps?: {
 		container?: ContainerProps2
 	};
 }
-declare function PageContainer({ children, pt, componentsProps }: PropsWithChildren13<PageContainerProps>): ReactNode19;
-import { PropsWithChildren as PropsWithChildren14, ReactNode as ReactNode20 } from "react";
+declare function PageContainer({ children, pt, componentsProps }: PropsWithChildren16<PageContainerProps>): ReactNode24;
+import { PropsWithChildren as PropsWithChildren17, ReactNode as ReactNode25 } from "react";
 interface NotFoundPageProps {
 	message?: string;
 	componentsProps?: {
 		page?: PageProps
 	};
 }
-declare function NotFoundPage({ children, message, componentsProps }: PropsWithChildren14<NotFoundPageProps>): ReactNode20;
+declare function NotFoundPage({ children, message, componentsProps }: PropsWithChildren17<NotFoundPageProps>): ReactNode25;
 import { ContainerProps as ContainerProps3, MantineSize as MantineSize10 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren15, ReactNode as ReactNode21 } from "react";
+import { PropsWithChildren as PropsWithChildren18, ReactNode as ReactNode26 } from "react";
 interface EnvironmentShellProps {
 	environment: Record<string, string | undefined>;
 	message?: string;
@@ -353,19 +533,19 @@ interface EnvironmentShellProps {
 		container?: ContainerProps3
 	};
 }
-declare function EnvironmentShell({ children, environment, message, m, mt, withContainer, componentsProps }: PropsWithChildren15<EnvironmentShellProps>): ReactNode21;
-import { PropsWithChildren as PropsWithChildren16, ReactNode as ReactNode23 } from "react";
-import { ReactNode as ReactNode22 } from "react";
-import { GroupProps } from "@mantine/core";
+declare function EnvironmentShell({ children, environment, message, m, mt, withContainer, componentsProps }: PropsWithChildren18<EnvironmentShellProps>): ReactNode26;
+import { PropsWithChildren as PropsWithChildren19, ReactNode as ReactNode28 } from "react";
+import { ReactNode as ReactNode27 } from "react";
+import { GroupProps as GroupProps3 } from "@mantine/core";
 interface SettingsWidgetSaveButtonProps {
 	onSaveChanges: () => void;
 	insideContainer?: boolean;
 	componentsProps?: {
-		container?: Partial<GroupProps>
+		container?: Partial<GroupProps3>
 		button?: Partial<RemoraidButtonProps>
 	};
 }
-declare function SaveButton2({ onSaveChanges, insideContainer, componentsProps }: SettingsWidgetSaveButtonProps): ReactNode22;
+declare function SaveButton2({ onSaveChanges, insideContainer, componentsProps }: SettingsWidgetSaveButtonProps): ReactNode27;
 declare const defaultSettingsWidgetContext: {};
 declare const useSettingsWidgetContext: () => SettingsWidgetContext;
 interface SettingsWidgetProps {
@@ -374,52 +554,66 @@ interface SettingsWidgetProps {
 	custom?: boolean;
 	widgetProps?: Partial<WidgetProps>;
 }
-declare function SettingsWidget({ children, onRestoreDefaultValues, unsavedChanges, custom, widgetProps }: PropsWithChildren16<SettingsWidgetProps>): ReactNode23;
-interface SettingsWidget extends React.FC<PropsWithChildren16<SettingsWidgetProps>> {
+declare function SettingsWidget({ children, onRestoreDefaultValues, unsavedChanges, custom, widgetProps }: PropsWithChildren19<SettingsWidgetProps>): ReactNode28;
+interface SettingsWidget extends React.FC<PropsWithChildren19<SettingsWidgetProps>> {
 	SaveButton: typeof SaveButton2;
 }
-declare const _default2: SettingsWidget;
-import { ReactNode as ReactNode25 } from "react";
-import { PropsWithChildren as PropsWithChildren17, ReactNode as ReactNode24 } from "react";
+declare const _default4: SettingsWidget;
+import { ComponentProps as ComponentProps6, ReactNode as ReactNode30 } from "react";
+import { PropsWithChildren as PropsWithChildren20, ReactNode as ReactNode29 } from "react";
 interface SettingsTableRowProps {
 	label: string;
 }
-declare function Row2({ children, label }: PropsWithChildren17<SettingsTableRowProps>): ReactNode24;
+declare function Row2({ children, label }: PropsWithChildren20<SettingsTableRowProps>): ReactNode29;
 declare const defaultSettingsTableOptions: {
 	leftColumnWidth: string
 };
 declare const useSettingsTableOptions: () => SettingsTableOptions;
 interface SettingsTableProps {
-	children: OnlyChildrenOf<typeof Row2, SettingsTableRowProps>;
 	leftColumnWidth?: string | number;
 }
-declare function SettingsTable({ children, leftColumnWidth }: SettingsTableProps): ReactNode25;
-interface SettingsTable extends React.FC<SettingsTableProps> {
+declare function SettingsTable({ leftColumnWidth, children: childrenProp }: PropsWithChildrenOfType<typeof Row2, SettingsTableProps>): ReactNode30;
+interface SettingsTable extends React.FC<ComponentProps6<typeof SettingsTable>> {
 	Row: typeof Row2;
 }
-declare const _default3: SettingsTable;
-import { ReactElement as ReactElement2, ReactNode as ReactNode26 } from "react";
+declare const _default5: SettingsTable;
+import { ComponentProps as ComponentProps7, ReactNode as ReactNode31 } from "react";
 declare const defaultNavbarSettingsWidgetId = "navbar-settings";
 interface NavbarSettingsWidgetProps {
-	additionalRows?: ReactElement2<SettingsTableRowProps, typeof _default3.Row>[];
+	additionalRows?: (ComponentProps7<typeof _default5.Row> | ElementOfType<typeof _default5.Row>)[];
 	widgetProps?: Partial<WidgetProps>;
 	componentsProps?: {
-		table: Partial<Omit<SettingsTableProps, "children">>
+		table: Partial<SettingsTableProps>
 	};
 }
-declare function NavbarSettingsWidget({ additionalRows, widgetProps, componentsProps }: NavbarSettingsWidgetProps): ReactNode26;
-import { Chip, ChipGroupProps, ChipProps, FlexProps, MantineSize as MantineSize11, ScrollAreaProps as ScrollAreaProps2 } from "@mantine/core";
-import { ReactNode as ReactNode27 } from "react";
+declare function NavbarSettingsWidget({ additionalRows, widgetProps, componentsProps }: NavbarSettingsWidgetProps): ReactNode31;
+import { Chip, ChipGroupProps, FlexProps, MantineSize as MantineSize11, ScrollAreaProps as ScrollAreaProps3 } from "@mantine/core";
+import { ReactNode as ReactNode32 } from "react";
 interface ScrollbleChipGroupProps {
 	value: string[];
 	onChange?: (value: string[]) => void;
 	gap?: MantineSize11 | number;
 	componentsProps?: {
 		chipGroup?: Partial<ChipGroupProps<true>>
-		scrollArea?: Partial<ScrollAreaProps2>
+		scrollArea?: Partial<ScrollAreaProps3>
 		container?: Partial<FlexProps>
 	};
-	children?: OnlyChildrenOf<typeof Chip, ChipProps>;
 }
-declare function ScrollableChipGroup({ value, onChange, gap, componentsProps, children }: ScrollbleChipGroupProps): ReactNode27;
-export { useWidgets, useSettingsWidgetContext as useSettingsWidgetOptions, useSettingsTableOptions, useRemoraidUserExperience, useRemoraidTheme, useRemoraidApp, usePage, useHydrationStatus, useHydratedMantineColorScheme, defaultUserExperienceCookieName, defaultUserExperience, defaultSettingsWidgetContext as defaultSettingsWidgetOptions, defaultSettingsTableOptions, defaultNavbarSettingsWidgetId, defaultNavbarSettings, defaultAppContext, createUserExperienceContext, createRemoraidTheme, WidgetsProviderProps, WidgetWrapperProps, _default as WidgetWrapper, WidgetSelectionHeaderProps, WidgetSelectionHeader, WidgetProps, WidgetConfiguration, Widget, UserExperienceProviderWrapperProps, UserExperienceProviderWrapper, UserExperienceProviderProps, UserExperienceContext, UserExperience, TransitionDuration, ThemeProviderProps, SettingsWidgetSaveButtonProps, SettingsWidgetProps, SettingsWidgetContext, _default2 as SettingsWidget, SettingsTableRowProps, SettingsTableOptions, _default3 as SettingsTable, ScrollbleChipGroupProps, ScrollableChipGroup, RemoraidUser, RemoraidThemeDependencies, RemoraidThemeCallback, RemoraidTheme, RemoraidProviderProps, RemoraidProvider, RemoraidIconSize, RemoraidButtonProps, RemoraidButton, RemoraidBreakpoint, RemoraidAppContext, PageProps, PageContainerProps, PageContainer, PageConfiguration, Page, NotFoundPageProps, NotFoundPage, NavbarVariant, NavbarSettingsWidgetProps, NavbarSettingsWidget, NavbarSettings, NavbarProps, HydrationStatusProviderProps, HydrationStatusProvider, HydrationStatus, EnvironmentShellProps, EnvironmentShell, CoreUserExperience, CloseButtonProps, BadgeMinimalProps, BadgeMinimal, BadgeGroupProps, BadgeGroup, AppShellProps, AppShellLogo, AppShell, AppProvider, AlertMinimalProps, AlertMinimal, AlertCategory };
+declare function ScrollableChipGroup({ value, onChange, gap, componentsProps, children }: PropsWithChildrenOfType<typeof Chip, ScrollbleChipGroupProps>): ReactNode32;
+import { PropsWithChildren as PropsWithChildren21, ReactNode as ReactNode33 } from "react";
+declare const createContextCluster: <
+	Context,
+	StaticID extends string = never
+>(generalDefaultValue: Context, staticIds?: StaticID[]) => ContextCluster<Context, StaticID>;
+interface ContextClusterProviderProps<
+	Context,
+	StaticID extends string = never
+> {
+	cluster: ContextCluster<Context, StaticID>;
+	values?: Record<string, Context>;
+}
+declare function ContextClusterProvider<
+	Context,
+	StaticID extends string = never
+>({ cluster, values, children }: PropsWithChildren21<ContextClusterProviderProps<Context, StaticID>>): ReactNode33;
+export { useWidgets, useSettingsWidgetContext as useSettingsWidgetOptions, useSettingsTableOptions, useRemoraidUserExperience, useRemoraidTheme, useRemoraidApp, usePage, useLayouts, useHydrationStatus, useHydratedMantineColorScheme, useFrameLayout, isValidElementOfType, isFrameLayout, getElementTypeName, defaultUserExperienceCookieName, defaultUserExperience, defaultSettingsWidgetContext as defaultSettingsWidgetOptions, defaultSettingsTableOptions, defaultNavbarSettingsWidgetId, defaultLayoutsContext, defaultFrameLayoutContext, defaultAppShellNavbarPositions, defaultAppShellLayoutId, defaultAppShellFooterPositions, defaultAppContext, createUserExperienceContext, createRemoraidTheme, createContextCluster, co, asElementOrPropsOfType, asElementOfType, asChildrenOfType, WidgetsProviderProps, WidgetWrapperProps, _default3 as WidgetWrapper, WidgetSelectionHeaderProps, WidgetSelectionHeader, WidgetProps, WidgetConfiguration, Widget, UserExperienceProviderWrapperProps, UserExperienceProviderWrapper, UserExperienceProviderProps, UserExperienceContext, UserExperience, TransitionDuration, ThemeProviderProps, StaticRemoraidAppContext, SettingsWidgetSaveButtonProps, SettingsWidgetProps, SettingsWidgetContext, _default4 as SettingsWidget, SettingsTableRowProps, SettingsTableOptions, _default5 as SettingsTable, ScrollbleChipGroupProps, ScrollableChipGroup, RemoraidUser, RemoraidThemeDependencies, RemoraidThemeCallback, RemoraidTheme, RemoraidProviderProps, RemoraidProvider, RemoraidIconSize, RemoraidButtonProps, RemoraidButton, RemoraidBreakpoint, RemoraidAuthContext, RemoraidAppContext, PropsWithChildrenOfType, PrimitiveUserExperience, PageProps, PageContainerProps, PageContainer, PageConfiguration, Page, OptionalIfExtends, Optional, NotFoundPageProps, NotFoundPage, NavbarVariant, NavbarSettingsWidgetProps, NavbarSettingsWidget, NavbarMinimalProps, LayoutsProviderProps, LayoutsContext, LayoutType, Layout, HydrationStatusProviderProps, HydrationStatusProvider, HydrationStatus, FrameLayoutVariant, FrameLayoutSection, FrameLayoutProps, FrameLayoutElementProps, FrameLayoutContext, _default as FrameLayout, FooterVariant, FooterMinimalProps, EnvironmentShellProps, EnvironmentShell, ElementOrPropsOfType, ElementOfType, DefaultNavbarVariant, DefaultFrameLayoutVariant, DefaultFooterVariant, CustomAppVariables, CoreUserExperience, ContextClusterProviderProps, ContextClusterProvider, ContextCluster, Common, CloseButtonProps, ChildrenOfType, BadgeMinimalProps, BadgeMinimal, BadgeGroupProps, BadgeGroup, AppShellProps, AppShellNavbarVariant, AppShellNavbarPosition, AppShellFooterVariant, AppShellFooterPosition, _default2 as AppShell, AppProviderProps, AppProvider2 as AppProvider, AppLogo, AppContextProps, AlertMinimalProps, AlertMinimal, AlertCategory };