remoraid 2.5.6 → 2.10.7

package/dist/core/index.d.ts

@@ -1,34 +1,40 @@
-import { PropsWithChildren as PropsWithChildren3, ReactNode as ReactNode4 } 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 { 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;
+declare enum FooterVariant {
+	Minimal = "minimal"
 }
 type UserExperience = Record<string, any>;
 interface CoreUserExperience extends UserExperience {
-	navbarVariant: NavbarVariant;
-	navbarSettings: NavbarSettings;
 	showWelcomeMessage: boolean;
+	navbar: {
+		hiddenPages: string[]
+	};
 }
 type UserExperienceProviderProps<T extends UserExperience> = {
 	initialValue?: Partial<T>
@@ -59,7 +65,6 @@ declare enum RemoraidIconSize {
 	Medium = "medium"
 }
 interface RemoraidTheme {
-	complete: true;
 	transitionDurations: Record<TransitionDuration, number>;
 	breakpoints: Record<RemoraidBreakpoint, MantineBreakpoint>;
 	scrollAreaProps: ScrollAreaProps;
@@ -71,16 +76,11 @@ interface RemoraidTheme {
 	primaryColor?: string;
 	spacingPx?: Record<MantineSize, number>;
 }
-type RemoraidThemeCallback = (mantineTheme: MantineTheme, colorScheme: MantineColorScheme) => RemoraidTheme;
-type PartialRemoraidTheme = Omit<Partial<RemoraidTheme>, "complete">;
-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 RemoraidThemeDependencies {
+	mantineTheme: MantineTheme;
+	colorScheme: MantineColorScheme;
 }
+type RemoraidThemeCallback = (dependencies: Partial<RemoraidThemeDependencies>) => Partial<RemoraidTheme>;
 interface WidgetConfiguration {
 	widgetId: string;
 	name: string;
@@ -99,6 +99,38 @@ interface SettingsWidgetContext {
 	unsavedChanges?: boolean;
 	custom?: boolean;
 }
+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"
+}
+type FrameLayoutNavbarPosition<T extends NavbarVariant> = T extends NavbarVariant.Minimal ? FrameLayoutSection.Left | FrameLayoutSection.Right : FrameLayoutSection;
+type FrameLayoutFooterPosition<T extends FooterVariant> = T extends FooterVariant.Minimal ? FrameLayoutSection.Content | FrameLayoutSection.Bottom : FrameLayoutSection;
 interface WidgetsContext {
 	widgets: {
 		[index: string]: {
@@ -120,41 +152,187 @@ interface WidgetsContext {
 }
 declare const useWidgets: () => WidgetsContext;
 interface WidgetsProviderProps {}
-import { MantineColorScheme as MantineColorScheme2, MantineTheme as MantineTheme2 } from "@mantine/core";
-declare const createRemoraidTheme: (customTheme?: Partial<RemoraidTheme>, mantineTheme?: MantineTheme2, colorScheme?: MantineColorScheme2) => RemoraidTheme;
+declare const createRemoraidTheme: (customTheme?: Partial<RemoraidTheme>, dependencies?: Partial<RemoraidThemeDependencies>) => RemoraidTheme;
 declare const useRemoraidTheme: () => RemoraidTheme;
 interface ThemeProviderProps {
-	theme?: RemoraidTheme | RemoraidThemeCallback | PartialRemoraidTheme;
+	theme?: RemoraidTheme | RemoraidThemeCallback;
 }
 import { ReactCookieProps } from "react-cookie";
+import { MantineColorScheme as MantineColorScheme2 } from "@mantine/core";
+import { PropsWithChildren as PropsWithChildren3, ReactNode as ReactNode4 } from "react";
+declare const useHydrationStatus: () => HydrationStatus;
+declare const useHydratedMantineColorScheme: () => {
+	colorScheme?: MantineColorScheme2
+	setColorScheme?: (value: MantineColorScheme2) => void
+	clearColorScheme?: () => void
+	toggleColorScheme?: () => void
+};
+interface HydrationStatusProviderProps {}
+declare function HydrationStatusProvider({ children }: PropsWithChildren3<HydrationStatusProviderProps>): ReactNode4;
+declare const defaultLayoutsContext: {
+	layouts: {}
+	setLayouts: () => void
+};
+declare const useLayouts: () => LayoutsContext;
+interface LayoutsProviderProps {}
 interface RemoraidProviderProps {
-	theme?: RemoraidTheme | RemoraidThemeCallback | PartialRemoraidTheme;
-	initialUserExperience?: Partial<CoreUserExperience>;
+	theme?: ThemeProviderProps["theme"];
+	initialUserExperience?: UserExperienceProviderProps<CoreUserExperience>["initialValue"];
 	componentsProps?: {
-		ThemeProvider?: ThemeProviderProps
-		CoreUserExperienceProvider?: UserExperienceProviderProps<CoreUserExperience>
-		WidgetsProvider?: WidgetsProviderProps
-		CookiesProvider?: ReactCookieProps
+		ThemeProvider?: Partial<ThemeProviderProps>
+		CoreUserExperienceProvider?: Partial<UserExperienceProviderProps<CoreUserExperience>>
+		WidgetsProvider?: Partial<WidgetsProviderProps>
+		CookiesProvider?: Partial<ReactCookieProps>
+		HydrationStatusProviderProps?: Partial<HydrationStatusProviderProps>
+		LayoutsProviderProps?: Partial<LayoutsProviderProps>
 	};
 }
-declare function RemoraidProvider({ children, theme, initialUserExperience, componentsProps }: PropsWithChildren3<RemoraidProviderProps>): ReactNode4;
-import { PropsWithChildren as PropsWithChildren4, ReactNode as ReactNode5 } from "react";
-interface AppShellProps {
-	logo: AppShellLogo;
-	navigablePages: RemoraidAppContext["navigablePages"];
-	navbar: NavbarProps;
-	user?: RemoraidUser;
+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 AppShell({ children, logo, navbar, user, navigablePages }: PropsWithChildren4<AppShellProps>): ReactNode5;
-import { PropsWithChildren as PropsWithChildren5, ReactNode as ReactNode6 } from "react";
-declare const defaultAppContext: RemoraidAppContext;
-declare const useRemoraidApp: () => RemoraidAppContext;
-interface AppProviderProps {
-	navigablePages: RemoraidAppContext["navigablePages"];
-	user?: RemoraidUser;
-}
-declare function AppProvider({ children, navigablePages, user }: PropsWithChildren5<AppProviderProps>): ReactNode6;
-import { Context, PropsWithChildren as PropsWithChildren6, ReactNode as ReactNode7 } from "react";
+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 { 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 { 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>[];
+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;
+import { BoxProps as BoxProps2, GroupProps as GroupProps2, ScrollAreaProps as ScrollAreaProps2, StackProps } from "@mantine/core";
+import { 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: PropsWithChildren8<FrameLayoutProps<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;
+interface ExplicitAppShellProps<
+	N extends AppShellNavbarVariant,
+	F extends AppShellFooterVariant,
+	V extends CustomAppVariables
+> {
+	navbarVariant: N;
+	footerVariant: F;
+	navbarPosition: N extends NavbarVariant ? FrameLayoutNavbarPosition<N> : never;
+	footerPosition: F extends FooterVariant ? FrameLayoutFooterPosition<F> : never;
+	appContext: AppContextProps<V>;
+	componentsProps?: {
+		navbar?: N extends NavbarVariant.Minimal ? Partial<NavbarMinimalProps> : never
+		footer?: N extends FooterVariant.Minimal ? Partial<FooterMinimalProps> : never
+		layout?: Partial<FrameLayoutProps<FrameLayoutVariant.Sticky>>
+		childrenContainer?: Partial<BoxProps3>
+		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: PropsWithChildren9<AppShellProps<N, F, V>>): ReactNode12;
+	NavbarMinimal: typeof NavbarMinimal;
+	FooterMinimal: typeof FooterMinimal;
+}
+declare const _default2: AppShell;
+import { Context, PropsWithChildren as PropsWithChildren10, ReactNode as ReactNode13 } from "react";
 declare const createUserExperienceContext: <T extends UserExperience>(defaultUserExperience: T) => Context<UserExperienceContext<T>>;
 interface UserExperienceProviderWrapperProps<T extends UserExperience> {
 	context: Context<UserExperienceContext<T>>;
@@ -163,28 +341,27 @@ interface UserExperienceProviderWrapperProps<T extends UserExperience> {
 	isValidUserExperience: (x: unknown) => x is T;
 	initialValue?: Partial<T>;
 }
-declare function UserExperienceProviderWrapper<T extends UserExperience>({ children, context, cookieName, defaultUserExperience, isValidUserExperience, initialValue }: PropsWithChildren6<UserExperienceProviderWrapperProps<T>>): ReactNode7;
-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 ReactNode9 } from "react";
+import { ReactNode as ReactNode15 } from "react";
 interface WidgetSelectionHeaderProps {
 	title?: string;
 	disabledWidgets?: string[];
 	mt?: MantineSize2 | number;
 }
-declare function WidgetSelectionHeader({ title, disabledWidgets, mt }: WidgetSelectionHeaderProps): ReactNode9;
-import { ReactNode as ReactNode10 } 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): ReactNode10;
+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 ReactNode12 } from "react";
+import { ReactNode as ReactNode18 } from "react";
 import { BadgeProps, TooltipProps, TransitionProps } from "@mantine/core";
-import { ReactNode as ReactNode11 } from "react";
+import { ReactNode as ReactNode17 } from "react";
 interface BadgeMinimalProps {
 	label: string;
 	tooltip?: string;
@@ -195,9 +372,9 @@ interface BadgeMinimalProps {
 		tooltip?: TooltipProps
 	};
 }
-declare function BadgeMinimal(props: BadgeMinimalProps): ReactNode11;
+declare function BadgeMinimal(props: BadgeMinimalProps): ReactNode17;
 interface BadgeGroupProps {
-	badges: (BadgeMinimalProps | ReactNode12)[];
+	badges: (BadgeMinimalProps | ReactNode18)[];
 	gap?: MantineSize3 | number;
 	breakpoint?: MantineBreakpoint2;
 	componentsProps?: {
@@ -205,9 +382,9 @@ interface BadgeGroupProps {
 		cumulativeBadge?: Partial<Omit<BadgeProps2, "hiddenFrom" | "circle">>
 	};
 }
-declare function BadgeGroup({ badges, gap, breakpoint, componentsProps }: BadgeGroupProps): ReactNode12;
+declare function BadgeGroup({ badges, gap, breakpoint, componentsProps }: BadgeGroupProps): ReactNode18;
 import { AlertProps as AlertProps2, MantineSize as MantineSize4, TransitionProps as TransitionProps2 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren8, ReactNode as ReactNode13 } from "react";
+import { PropsWithChildren as PropsWithChildren12, ReactNode as ReactNode19 } from "react";
 interface AlertMinimalProps {
 	category: AlertCategory;
 	title?: string;
@@ -221,19 +398,10 @@ interface AlertMinimalProps {
 		transition?: Omit<TransitionProps2, "mounted">
 	};
 }
-declare function AlertMinimal({ children, title, category, text, onClose, mounted, mt, mb, componentsProps }: PropsWithChildren8<AlertMinimalProps>): ReactNode13;
+declare function AlertMinimal({ children, title, category, text, onClose, mounted, mt, mb, componentsProps }: 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 ReactNode14 } 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;
@@ -241,23 +409,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>
-		button: Omit<Partial<Common<ButtonProps, ActionIconProps>>, "variant" | "onClick" | "size" | "color" | "loading">
+		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): ReactNode14;
-import { MantineSize as MantineSize6, PaperProps, TransitionProps as TransitionProps3 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren9, ReactNode as ReactNode15 } 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 {
@@ -266,13 +434,13 @@ interface WidgetWrapperProps {
 	withCloseButton?: boolean;
 	componentsProps?: WidgetWrapperComponentsProps;
 }
-declare function WidgetWrapper({ children, config, mt, withCloseButton, componentsProps }: PropsWithChildren9<WidgetWrapperProps>): ReactNode15;
-interface WidgetWrapper extends React.FC<PropsWithChildren9<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;
+declare const _default3: WidgetWrapper;
 import { MantineSize as MantineSize7, LoaderProps } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren10, ReactNode as ReactNode16 } from "react";
+import { PropsWithChildren as PropsWithChildren14, ReactNode as ReactNode22 } from "react";
 interface WidgetComponentsProps extends WidgetWrapperComponentsProps {
 	wrapper?: Partial<Omit<WidgetWrapperProps, "widgetId">>;
 	loader?: Partial<LoaderProps>;
@@ -282,9 +450,9 @@ interface WidgetProps {
 	id: string;
 	title: string;
 	config?: Partial<Omit<WidgetConfiguration, "widgetId">>;
-	badges?: (BadgeMinimalProps | ReactNode16)[];
-	buttons?: (RemoraidButtonProps | ReactNode16)[];
-	alerts?: (AlertMinimalProps | ReactNode16)[];
+	badges?: (BadgeMinimalProps | ReactNode22)[];
+	buttons?: (RemoraidButtonProps | ReactNode22)[];
+	alerts?: (AlertMinimalProps | ReactNode22)[];
 	gaps?: MantineSize7 | number | {
 		badges?: MantineSize7 | number
 		buttons?: MantineSize7 | number
@@ -294,9 +462,10 @@ interface WidgetProps {
 	mt?: MantineSize7 | number;
 	componentsProps?: WidgetComponentsProps;
 }
-declare function Widget({ children, id, config, title, badges, buttons, alerts, gaps, loading, mt, componentsProps }: PropsWithChildren10<WidgetProps>): ReactNode16;
+declare function Widget({ children, id, config, title, badges, buttons, alerts, gaps, loading, mt, componentsProps }: PropsWithChildren14<WidgetProps>): ReactNode22;
 import { ContainerProps, MantineSize as MantineSize8 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren11, ReactNode as ReactNode17 } from "react";
+import { PropsWithChildren as PropsWithChildren15, ReactNode as ReactNode23 } from "react";
+declare const usePage: () => PageConfiguration | null;
 interface PageProps {
 	name?: string;
 	config?: Partial<Omit<PageConfiguration, "name">>;
@@ -305,26 +474,26 @@ interface PageProps {
 		container?: ContainerProps
 	};
 }
-declare function Page({ children, name, config, pt, componentsProps }: PropsWithChildren11<PageProps>): ReactNode17;
+declare function Page({ children, name, config, pt, componentsProps }: PropsWithChildren15<PageProps>): ReactNode23;
 import { ContainerProps as ContainerProps2, MantineSize as MantineSize9 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren12, ReactNode as ReactNode18 } 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 }: PropsWithChildren12<PageContainerProps>): ReactNode18;
-import { PropsWithChildren as PropsWithChildren13, ReactNode as ReactNode19 } 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 }: PropsWithChildren13<NotFoundPageProps>): ReactNode19;
+declare function NotFoundPage({ children, message, componentsProps }: PropsWithChildren17<NotFoundPageProps>): ReactNode25;
 import { ContainerProps as ContainerProps3, MantineSize as MantineSize10 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren14, ReactNode as ReactNode20 } from "react";
+import { PropsWithChildren as PropsWithChildren18, ReactNode as ReactNode26 } from "react";
 interface EnvironmentShellProps {
 	environment: Record<string, string | undefined>;
 	message?: string;
@@ -335,19 +504,19 @@ interface EnvironmentShellProps {
 		container?: ContainerProps3
 	};
 }
-declare function EnvironmentShell({ children, environment, message, m, mt, withContainer, componentsProps }: PropsWithChildren14<EnvironmentShellProps>): ReactNode20;
-import { PropsWithChildren as PropsWithChildren15, ReactNode as ReactNode22 } from "react";
-import { ReactNode as ReactNode21 } 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): ReactNode21;
+declare function SaveButton2({ onSaveChanges, insideContainer, componentsProps }: SettingsWidgetSaveButtonProps): ReactNode27;
 declare const defaultSettingsWidgetContext: {};
 declare const useSettingsWidgetContext: () => SettingsWidgetContext;
 interface SettingsWidgetProps {
@@ -356,17 +525,17 @@ interface SettingsWidgetProps {
 	custom?: boolean;
 	widgetProps?: Partial<WidgetProps>;
 }
-declare function SettingsWidget({ children, onRestoreDefaultValues, unsavedChanges, custom, widgetProps }: PropsWithChildren15<SettingsWidgetProps>): ReactNode22;
-interface SettingsWidget extends React.FC<PropsWithChildren15<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 ReactNode24 } from "react";
-import { PropsWithChildren as PropsWithChildren16, ReactNode as ReactNode23 } from "react";
+declare const _default4: SettingsWidget;
+import { ReactNode as ReactNode30 } from "react";
+import { PropsWithChildren as PropsWithChildren20, ReactNode as ReactNode29 } from "react";
 interface SettingsTableRowProps {
 	label: string;
 }
-declare function Row2({ children, label }: PropsWithChildren16<SettingsTableRowProps>): ReactNode23;
+declare function Row2({ children, label }: PropsWithChildren20<SettingsTableRowProps>): ReactNode29;
 declare const defaultSettingsTableOptions: {
 	leftColumnWidth: string
 };
@@ -375,19 +544,33 @@ interface SettingsTableProps {
 	children: OnlyChildrenOf<typeof Row2, SettingsTableRowProps>;
 	leftColumnWidth?: string | number;
 }
-declare function SettingsTable({ children, leftColumnWidth }: SettingsTableProps): ReactNode24;
+declare function SettingsTable({ children, leftColumnWidth }: SettingsTableProps): ReactNode30;
 interface SettingsTable extends React.FC<SettingsTableProps> {
 	Row: typeof Row2;
 }
-declare const _default3: SettingsTable;
-import { ReactElement as ReactElement2, ReactNode as ReactNode25 } from "react";
+declare const _default5: SettingsTable;
+import { ReactElement as ReactElement2, ReactNode as ReactNode31 } from "react";
 declare const defaultNavbarSettingsWidgetId = "navbar-settings";
 interface NavbarSettingsWidgetProps {
-	additionalRows?: ReactElement2<SettingsTableRowProps, typeof _default3.Row>[];
+	additionalRows?: ReactElement2<SettingsTableRowProps, typeof _default5.Row>[];
 	widgetProps?: Partial<WidgetProps>;
 	componentsProps?: {
 		table: Partial<Omit<SettingsTableProps, "children">>
 	};
 }
-declare function NavbarSettingsWidget({ additionalRows, widgetProps, componentsProps }: NavbarSettingsWidgetProps): ReactNode25;
-export { useWidgets, useSettingsWidgetContext as useSettingsWidgetOptions, useSettingsTableOptions, useRemoraidUserExperience, useRemoraidTheme, useRemoraidApp, 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, RemoraidUser, RemoraidThemeCallback, RemoraidTheme, RemoraidProviderProps, RemoraidProvider, RemoraidIconSize, RemoraidButtonProps, RemoraidButton, RemoraidBreakpoint, RemoraidAppContext, PartialRemoraidTheme, PageProps, PageContainerProps, PageContainer, PageConfiguration, Page, NotFoundPageProps, NotFoundPage, NavbarVariant, NavbarSettingsWidgetProps, NavbarSettingsWidget, NavbarSettings, NavbarProps, EnvironmentShellProps, EnvironmentShell, CoreUserExperience, CloseButtonProps, BadgeMinimalProps, BadgeMinimal, BadgeGroupProps, BadgeGroup, AppShellProps, AppShellLogo, AppShell, AppProvider, AlertMinimalProps, AlertMinimal, AlertCategory };
+declare function NavbarSettingsWidget({ additionalRows, widgetProps, componentsProps }: NavbarSettingsWidgetProps): ReactNode31;
+import { Chip, ChipGroupProps, ChipProps, 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<ScrollAreaProps3>
+		container?: Partial<FlexProps>
+	};
+	children?: OnlyChildrenOf<typeof Chip, ChipProps>;
+}
+declare function ScrollableChipGroup({ value, onChange, gap, componentsProps, children }: ScrollbleChipGroupProps): ReactNode32;
+export { useWidgets, useSettingsWidgetContext as useSettingsWidgetOptions, useSettingsTableOptions, useRemoraidUserExperience, useRemoraidTheme, useRemoraidApp, usePage, useLayouts, useHydrationStatus, useHydratedMantineColorScheme, useFrameLayout, isFrameLayout, defaultUserExperienceCookieName, defaultUserExperience, defaultSettingsWidgetContext as defaultSettingsWidgetOptions, defaultSettingsTableOptions, defaultNavbarSettingsWidgetId, defaultLayoutsContext, defaultFrameLayoutContext, defaultAppShellLayoutId, defaultAppContext, createUserExperienceContext, createRemoraidTheme, 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, PageProps, PageContainerProps, PageContainer, PageConfiguration, Page, NotFoundPageProps, NotFoundPage, NavbarVariant, NavbarSettingsWidgetProps, NavbarSettingsWidget, NavbarMinimalProps, LayoutsProviderProps, LayoutsContext, LayoutType, Layout, HydrationStatusProviderProps, HydrationStatusProvider, HydrationStatus, FrameLayoutVariant, FrameLayoutSection, FrameLayoutProps, FrameLayoutNavbarPosition, FrameLayoutFooterPosition, FrameLayoutElementProps, FrameLayoutContext, _default as FrameLayout, FooterVariant, FooterMinimalProps, EnvironmentShellProps, EnvironmentShell, DefaultNavbarVariant, DefaultFrameLayoutVariant, DefaultFooterVariant, CustomAppVariables, CoreUserExperience, CloseButtonProps, BadgeMinimalProps, BadgeMinimal, BadgeGroupProps, BadgeGroup, AppShellProps, AppShellNavbarVariant, AppShellFooterVariant, _default2 as AppShell, AppProviderProps, AppProvider2 as AppProvider, AppLogo, AppContextProps, AlertMinimalProps, AlertMinimal, AlertCategory };