remoraid 2.10.7 → 2.18.43

package/dist/core/index.d.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren as PropsWithChildren5, ReactNode as ReactNode6 } from
 import { AlertProps, MantineBreakpoint, MantineColorScheme, MantineSize, MantineTheme, ScrollAreaProps } from "@mantine/core";
 import { Icon, IconProps } from "@tabler/icons-react";
 import { ImageProps } from "next/image";
-import { Dispatch, ReactNode, SetStateAction } from "react";
+import React2, { Dispatch, ReactNode, SetStateAction } from "react";
 type RemoraidUser = {
 	name: string
 } | null;
@@ -29,15 +29,16 @@ declare enum NavbarVariant {
 declare enum FooterVariant {
 	Minimal = "minimal"
 }
-type UserExperience = Record<string, any>;
-interface CoreUserExperience extends UserExperience {
+type PrimitiveUserExperience = string | number | boolean;
+type UserExperience = Partial<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> {
@@ -46,6 +47,22 @@ interface UserExperienceContext<T extends UserExperience> {
 	processedCookie: boolean;
 	initialUserExperience: T;
 }
+interface WidgetContext {
+	name: string;
+	selected: boolean;
+}
+interface WidgetsContext {
+	widgets: Partial<Record<string, Partial<Record<string, WidgetContext>>>>;
+	activeWidget: string | null;
+	updateActiveWidget: (widgetId: string | null) => void;
+	registerWidget: (pageId: string, widget: WidgetConfiguration) => void;
+	registerPage: (pageId: string, initialWidgets: WidgetConfiguration[]) => void;
+	isWidgetRegistered: (pageId: string, widgetId: string) => boolean;
+	isPageRegistered: (pageId: string) => boolean;
+	updateWidgetSelection: (pageId: string, widgetId: string, value: boolean) => void;
+	updateWidgetSelectionBulk: (pageId: string, selectedWidgetIds: string[]) => void;
+	isWidgetSelected: (pageId: string, widgetId: string) => boolean;
+}
 declare enum AlertCategory {
 	Negative = "negative",
 	Neutral = "neutral",
@@ -83,8 +100,7 @@ interface RemoraidThemeDependencies {
 type RemoraidThemeCallback = (dependencies: Partial<RemoraidThemeDependencies>) => Partial<RemoraidTheme>;
 interface WidgetConfiguration {
 	widgetId: string;
-	name: string;
-	initialValue?: boolean;
+	initialValues?: Partial<WidgetContext>;
 	allowUnregisteredPageUsage?: boolean;
 }
 interface PageConfiguration {
@@ -113,44 +129,29 @@ declare enum FrameLayoutSection {
 	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 LayoutSection<T extends LayoutType> = T extends LayoutType.Frame ? FrameLayoutSection : string;
+interface LayoutContext<T extends LayoutType> {
+	type: T;
+	layoutId: string;
+	sections: Record<LayoutSection<T>, HTMLDivElement | null>;
 }
-type FrameLayoutContext = {
-	layoutId: string | null
-	layout: Layout<LayoutType.Frame>
-	setLayout: Dispatch<SetStateAction<Layout<LayoutType.Frame>>>
-};
-declare enum FrameLayoutVariant {
-	Plain = "plain",
-	Sticky = "sticky"
+interface LayoutsContext {
+	layouts: Partial<Record<string, Omit<LayoutContext<LayoutType>, "layoutId">>>;
+	setLayouts: Dispatch<SetStateAction<Partial<Record<string, Omit<LayoutContext<LayoutType>, "layoutId">>>>>;
 }
-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]: {
-			[index: string]: {
-				name: string
-				selected: boolean
-			}
-		}
-	};
-	activeWidget: string | null;
-	updateActiveWidget: (widgetId: string | null) => void;
-	registerWidget: (pageId: string, widget: WidgetConfiguration) => void;
-	registerPage: (pageId: string, initialWidgets: WidgetConfiguration[]) => void;
-	isWidgetRegistered: (pageId: string, widgetId: string) => boolean;
-	isPageRegistered: (pageId: string) => boolean;
-	updateWidgetSelection: (pageId: string, widgetId: string, value: boolean) => void;
-	updateWidgetSelectionBulk: (pageId: string, selectedWidgetIds: string[]) => void;
-	isWidgetSelected: (pageId: string, widgetId: string) => boolean;
+interface ContextCluster<
+	Context,
+	StaticID extends string = never
+> {
+	contexts: Partial<Record<string, React2.Context<Context>>>;
+	defaultValues: Partial<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;
 }
+declare const getDefaultWidgetContext: (configuration: WidgetConfiguration) => WidgetContext;
 declare const useWidgets: () => WidgetsContext;
+declare const useWidget: (pageId: string, widgetId: string) => WidgetContext | null;
 interface WidgetsProviderProps {}
 declare const createRemoraidTheme: (customTheme?: Partial<RemoraidTheme>, dependencies?: Partial<RemoraidThemeDependencies>) => RemoraidTheme;
 declare const useRemoraidTheme: () => RemoraidTheme;
@@ -169,10 +170,7 @@ declare const useHydratedMantineColorScheme: () => {
 };
 interface HydrationStatusProviderProps {}
 declare function HydrationStatusProvider({ children }: PropsWithChildren3<HydrationStatusProviderProps>): ReactNode4;
-declare const defaultLayoutsContext: {
-	layouts: {}
-	setLayouts: () => void
-};
+declare const defaultLayoutsContext: LayoutsContext;
 declare const useLayouts: () => LayoutsContext;
 interface LayoutsProviderProps {}
 interface RemoraidProviderProps {
@@ -188,7 +186,7 @@ interface RemoraidProviderProps {
 	};
 }
 declare function RemoraidProvider({ children, theme, initialUserExperience, componentsProps }: PropsWithChildren5<RemoraidProviderProps>): ReactNode6;
-import { BoxProps as BoxProps3 } from "@mantine/core";
+import { BoxProps as BoxProps2 } from "@mantine/core";
 import { IndicatorProps, PaperProps } from "@mantine/core";
 import { Icon as Icon2 } from "@tabler/icons-react";
 import { ReactNode as ReactNode7 } from "react";
@@ -223,7 +221,7 @@ interface FooterMinimalProps {
 	};
 }
 declare function FooterMinimal({ componentsProps }: FooterMinimalProps): ReactNode8;
-import { PropsWithChildren as PropsWithChildren9, ReactNode as ReactNode12 } from "react";
+import { ComponentProps as ComponentProps3, PropsWithChildren as PropsWithChildren10, ReactNode as ReactNode13 } from "react";
 import { PropsWithChildren as PropsWithChildren6, ReactNode as ReactNode9 } from "react";
 declare const defaultAppContext: RemoraidAppContext<CustomAppVariables>;
 declare const useRemoraidApp: () => RemoraidAppContext<CustomAppVariables>;
@@ -231,15 +229,12 @@ 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";
+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 OnlyChildrenOf<
-	T extends (...args: any) => any,
-	P = any
-> = ReactElement<P, T> | ReactElement<P, T>[];
 type Optional<
 	T,
 	K extends keyof T
@@ -250,28 +245,61 @@ type OptionalIfExtends<
 	V1,
 	V2
 > = [V1] extends [V2] ? Optional<T, K> : T;
-import { BoxProps as BoxProps2, GroupProps as GroupProps2, ScrollAreaProps as ScrollAreaProps2, StackProps } from "@mantine/core";
+type ElementOfType<
+	T extends ElementType,
+	P = ComponentProps<T>
+> = ReactElement<P, 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,
+	P = ComponentProps<T>
+> = ElementOfType<T> | P;
+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,
+	P = ComponentProps<T>
+>(type: T, elementOrProps: ReactElement | P, additionalErrorMessage?: string) => ElementOrPropsOfType<T, P>;
+import { GroupProps as GroupProps2, MantineSize as MantineSize3, ScrollAreaProps as ScrollAreaProps2, StackProps } from "@mantine/core";
+import { ComponentProps as ComponentProps2, PropsWithChildren as PropsWithChildren9, ReactNode as ReactNode12 } from "react";
 import { PropsWithChildren as PropsWithChildren8, ReactNode as ReactNode11 } from "react";
-import { PropsWithChildren as PropsWithChildren7, ReactNode as ReactNode10 } from "react";
 import { BoxProps } from "@mantine/core";
+import { ContainerProps, MantineSize as MantineSize2 } from "@mantine/core";
+import { PropsWithChildren as PropsWithChildren7, ReactNode as ReactNode10 } from "react";
+interface PageContainerProps {
+	p?: MantineSize2 | number;
+	hidden?: boolean;
+	componentsProps?: {
+		container?: ContainerProps
+	};
+}
+declare function PageContainer2({ children, p, hidden, componentsProps }: PropsWithChildren7<PageContainerProps>): ReactNode10;
 interface FrameLayoutElementProps {
-	section: Exclude<FrameLayoutSection, FrameLayoutSection.Content>;
+	section: FrameLayoutSection;
 	includeContainer?: boolean;
+	includePageContainer?: boolean;
 	layoutId?: string;
+	hidden?: boolean;
 	componentsProps?: {
 		container?: Partial<BoxProps>
+		PageContainer?: Partial<PageContainerProps>
 	};
 }
-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;
+declare function Element2({ section, includeContainer, includePageContainer, layoutId, hidden, componentsProps, children }: PropsWithChildren8<FrameLayoutElementProps>): ReactNode11;
+declare const useFrameLayout: () => LayoutContext<LayoutType.Frame> | null;
+interface FrameLayoutProps {
 	layoutId: string;
+	includeScrollArea?: boolean;
+	gutter?: MantineSize3 | number;
 	componentsProps?: {
-		childrenContainer?: T extends FrameLayoutVariant.Plain ? Partial<BoxProps2> : T extends FrameLayoutVariant.Sticky ? Partial<ScrollAreaProps2> : never
 		horizontalContainer?: Partial<GroupProps2>
 		verticalContainer?: Partial<StackProps>
 		sectionContainers?: {
@@ -279,21 +307,25 @@ interface FrameLayoutPropsWithExplicitVariant<T extends FrameLayoutVariant> {
 			[FrameLayoutSection.Right]?: Partial<GroupProps2>
 			[FrameLayoutSection.Top]?: Partial<StackProps>
 			[FrameLayoutSection.Bottom]?: Partial<StackProps>
+			[FrameLayoutSection.Content]?: Partial<StackProps>
 		}
+		ScrollArea?: Partial<ScrollAreaProps2>
 	};
 }
-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;
+declare function FrameLayout({ layoutId, includeScrollArea, gutter, componentsProps, children }: PropsWithChildren9<FrameLayoutProps>): ReactNode12;
+interface FrameLayout extends React.FC<ComponentProps2<typeof FrameLayout>> {
 	Element: typeof Element2;
 }
 declare const _default: FrameLayout;
-declare const defaultAppShellLayoutId = "remoraidAppShell";
+declare const remoraidAppShellLayoutId = "remoraid-app-shell";
 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,
@@ -301,14 +333,17 @@ interface ExplicitAppShellProps<
 > {
 	navbarVariant: N;
 	footerVariant: F;
-	navbarPosition: N extends NavbarVariant ? FrameLayoutNavbarPosition<N> : never;
-	footerPosition: F extends FooterVariant ? FrameLayoutFooterPosition<F> : never;
 	appContext: AppContextProps<V>;
+	navbarPosition?: AppShellNavbarPosition<N>;
+	footerPosition?: AppShellFooterPosition<F>;
+	gutter?: FrameLayoutProps["gutter"];
 	componentsProps?: {
+		container?: Partial<BoxProps2>
 		navbar?: N extends NavbarVariant.Minimal ? Partial<NavbarMinimalProps> : never
-		footer?: N extends FooterVariant.Minimal ? Partial<FooterMinimalProps> : never
-		layout?: Partial<FrameLayoutProps<FrameLayoutVariant.Sticky>>
-		childrenContainer?: Partial<BoxProps3>
+		footer?: F extends FooterVariant.Minimal ? Partial<FooterMinimalProps> : never
+		layout?: Partial<FrameLayoutProps>
+		navbarLayoutElement?: Omit<Partial<FrameLayoutElementProps>, "section">
+		footerLayoutElement?: Omit<Partial<FrameLayoutElementProps>, "section">
 		AppProvider?: Partial<AppProviderProps>
 	};
 }
@@ -316,207 +351,256 @@ 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>;
+> = OptionalIfExtends<OptionalIfExtends<ExplicitAppShellProps<N, F, V>, "footerVariant", DefaultFooterVariant, F>, "navbarVariant", DefaultNavbarVariant, N>;
 declare function AppShell<
 	N extends AppShellNavbarVariant = DefaultNavbarVariant,
 	F extends AppShellFooterVariant = DefaultFooterVariant,
 	V extends CustomAppVariables = {}
->(props: PropsWithChildren9<AppShellProps<N, F, V>>): ReactNode12;
+>({ navbarVariant: navbarVariantProp, footerVariant: footerVariantProp, navbarPosition: navbarPositionProp, footerPosition: footerPositionProp, gutter, appContext, componentsProps, children }: PropsWithChildren10<AppShellProps<N, F, V>>): ReactNode13;
 interface AppShell {
 	<
 		N extends AppShellNavbarVariant = DefaultNavbarVariant,
 		F extends AppShellFooterVariant = DefaultFooterVariant,
 		V extends CustomAppVariables = {}
-	>(props: PropsWithChildren9<AppShellProps<N, F, V>>): ReactNode12;
+	>(props: ComponentProps3<typeof AppShell<N, F, V>>): ReactNode13;
 	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>>;
+import { Context as Context2, PropsWithChildren as PropsWithChildren11, ReactNode as ReactNode14 } 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 }: PropsWithChildren10<UserExperienceProviderWrapperProps<T>>): ReactNode13;
+declare function UserExperienceProviderWrapper<T extends UserExperience>({ children, context, cookieName, defaultUserExperience, isValidUserExperience, initialValue }: PropsWithChildren11<UserExperienceProviderWrapperProps<T>>): ReactNode14;
 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 ReactNode15 } from "react";
+import { MantineSize as MantineSize4 } from "@mantine/core";
+import { ReactNode as ReactNode16 } from "react";
 interface WidgetSelectionHeaderProps {
 	title?: string;
 	disabledWidgets?: string[];
-	mt?: MantineSize2 | number;
-}
-declare function WidgetSelectionHeader({ title, disabledWidgets, mt }: WidgetSelectionHeaderProps): ReactNode15;
-import { ReactNode as ReactNode16 } from "react";
-interface CloseButtonProps {
-	widgetId: string;
+	mt?: MantineSize4 | number;
 }
-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 ReactNode18 } from "react";
+declare function WidgetSelectionHeader({ title, disabledWidgets, mt }: WidgetSelectionHeaderProps): ReactNode16;
+import { BadgeProps as BadgeProps2, MantineBreakpoint as MantineBreakpoint2, MantineSize as MantineSize5, TooltipProps as TooltipProps2 } from "@mantine/core";
+import { ComponentProps as ComponentProps4, ReactNode as ReactNode18 } from "react";
 import { BadgeProps, TooltipProps, TransitionProps } from "@mantine/core";
 import { ReactNode as ReactNode17 } from "react";
 interface BadgeMinimalProps {
 	label: string;
 	tooltip?: string;
-	mounted?: boolean;
+	mounted?: TransitionProps["mounted"];
 	componentsProps?: {
 		badge?: BadgeProps
 		transition?: Partial<Omit<TransitionProps, "mounted">>
 		tooltip?: TooltipProps
 	};
 }
-declare function BadgeMinimal(props: BadgeMinimalProps): ReactNode17;
+declare function BadgeMinimal({ label, tooltip, mounted, componentsProps }: BadgeMinimalProps): ReactNode17;
 interface BadgeGroupProps {
-	badges: (BadgeMinimalProps | ReactNode18)[];
-	gap?: MantineSize3 | number;
+	badges: (ComponentProps4<typeof BadgeMinimal> | ElementOfType<typeof BadgeMinimal>)[];
+	gap?: MantineSize5 | number;
 	breakpoint?: MantineBreakpoint2;
 	componentsProps?: {
 		tooltip?: Partial<TooltipProps2>
 		cumulativeBadge?: Partial<Omit<BadgeProps2, "hiddenFrom" | "circle">>
 	};
 }
-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 PropsWithChildren12, ReactNode as ReactNode19 } from "react";
+declare function BadgeGroup({ badges: badgesProp, gap, breakpoint, componentsProps }: BadgeGroupProps): ReactNode18;
+import { AlertProps as AlertProps2, MantineSize as MantineSize6, TransitionProps as TransitionProps2 } from "@mantine/core";
+import { PropsWithChildren as PropsWithChildren13, ReactNode as ReactNode19 } from "react";
 interface AlertMinimalProps {
 	category: AlertCategory;
 	title?: string;
 	text?: string;
 	onClose?: () => void;
-	mounted?: boolean;
-	mt?: MantineSize4 | number;
-	mb?: MantineSize4 | number;
+	mounted?: TransitionProps2["mounted"];
+	mt?: MantineSize6 | number;
+	mb?: MantineSize6 | number;
 	componentsProps?: {
 		alert?: AlertProps2
 		transition?: Omit<TransitionProps2, "mounted">
 	};
 }
-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";
+declare function AlertMinimal({ title, category, text, onClose, mounted, mt, mb, componentsProps, children }: PropsWithChildren13<AlertMinimalProps>): ReactNode19;
+import { ActionIconProps, ActionIconVariant, ButtonProps, ButtonVariant, MantineBreakpoint as MantineBreakpoint3, MantineColor, MantineSize as MantineSize7, TooltipProps as TooltipProps3, TransitionProps as TransitionProps3 } from "@mantine/core";
 import { Icon as Icon3, IconProps as IconProps3 } from "@tabler/icons-react";
 import { ReactNode as ReactNode20 } from "react";
-interface RemoraidButtonProps {
+type RemoraidButtonDefaultResponsivity = true;
+interface ExplicitRemoraidButtonProps<Responsive extends boolean> {
+	responsive: Responsive;
 	label: string;
-	responsive?: boolean;
-	breakpoint?: MantineBreakpoint3;
-	collapsed?: boolean;
-	size?: MantineSize5;
+	size?: MantineSize7;
 	color?: MantineColor;
+	breakpoint?: true extends Responsive ? MantineBreakpoint3 : never;
+	collapsed?: false extends Responsive ? boolean : never;
 	icon?: Icon3;
+	iconSize?: RemoraidIconSize;
 	onClick?: () => void;
 	loading?: boolean;
 	variant?: Extract<ButtonVariant, ActionIconVariant>;
+	mounted?: TransitionProps3["mounted"];
 	componentsProps?: {
 		tooltip?: Partial<TooltipProps3>
 		icon?: Partial<IconProps3>
 		button?: Omit<Partial<Common<ButtonProps, ActionIconProps>>, "variant" | "onClick" | "size" | "color" | "loading">
+		transition?: Partial<Omit<TransitionProps3, "mounted">>
 		Button?: Partial<ButtonProps>
 		ActionIcon?: Partial<ActionIconProps>
 	};
 }
-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<PaperProps2>;
-	transition?: Partial<Omit<TransitionProps3, "mounted">>;
+type RemoraidButtonProps<Responsive extends boolean = RemoraidButtonDefaultResponsivity> = OptionalIfExtends<ExplicitRemoraidButtonProps<Responsive>, "responsive", true, Responsive>;
+declare function RemoraidButton<Responsive extends boolean = RemoraidButtonDefaultResponsivity>({ label, responsive: ResponsiveProp, breakpoint: breakpointProp, collapsed: collapsedProp, size, color, onClick, loading, variant, mounted, icon: iconProp, iconSize, componentsProps }: RemoraidButtonProps<Responsive>): ReactNode20;
+import { ActionIcon as ActionIcon2, ActionIconProps as ActionIconProps2, TooltipProps as TooltipProps4, TransitionProps as TransitionProps4 } from "@mantine/core";
+import { Icon as Icon4, IconProps as IconProps4 } from "@tabler/icons-react";
+import { ComponentProps as ComponentProps5, ReactNode as ReactNode21 } from "react";
+interface ControlButtonProps {
+	icon: Icon4;
+	mounted?: boolean;
+	tooltip?: string;
+	size?: ActionIconProps2["size"];
+	iconSize?: RemoraidIconSize;
+	color?: ActionIconProps2["color"];
+	onClick?: ComponentProps5<typeof ActionIcon2<"button">>["onClick"];
+	order?: number;
+	componentsProps?: {
+		transition?: Partial<TransitionProps4>
+		tooltip?: Partial<TooltipProps4>
+		button?: Partial<ActionIconProps2>
+		icon?: Partial<IconProps4>
+	};
+}
+declare function ControlButton({ icon: Icon4, mounted, size, iconSize, onClick, order, color, tooltip, componentsProps }: ControlButtonProps): ReactNode21;
+import { ReactNode as ReactNode22, Ref, RefObject } from "react";
+import { GroupProps as GroupProps3, MantineSize as MantineSize8, PaperProps as PaperProps2, TransitionProps as TransitionProps5 } from "@mantine/core";
+import { IconProps as IconProps5 } from "@tabler/icons-react";
+interface ControlsProps {
+	dragContainerRef: RefObject<HTMLDivElement | null>;
+	mounted?: boolean;
+	groupRef?: Ref<HTMLDivElement>;
+	gutter?: MantineSize8 | number;
+	iconSize?: RemoraidIconSize;
+	additionalButtons?: ElementOrPropsOfType<typeof ControlButton>[];
+	componentsProps?: {
+		group?: Partial<GroupProps3>
+		container?: Partial<PaperProps2>
+		transition?: Partial<TransitionProps5>
+		gripIcon?: Partial<IconProps5>
+	};
+}
+declare function Controls({ groupRef, mounted, dragContainerRef, gutter, iconSize, additionalButtons: additionalButtonsProp, componentsProps, children: childrenProp }: PropsWithChildrenOfType<typeof ControlButton, ControlsProps>): ReactNode22;
+import { MantineSize as MantineSize9, Paper, TransitionProps as TransitionProps6 } from "@mantine/core";
+import { ComponentProps as ComponentProps7, PropsWithChildren as PropsWithChildren15, ReactNode as ReactNode24 } from "react";
+import { ComponentProps as ComponentProps6, PropsWithChildren as PropsWithChildren14, ReactNode as ReactNode23 } from "react";
+import { Box } from "@mantine/core";
+type PinnableDefaultLayoutType = LayoutType.Frame;
+interface ExplicitPinnableProps<T extends LayoutType> {
+	layoutType: T;
+	section: LayoutSection<T>;
+	initialValue?: boolean;
+	layoutId?: string;
+	controlsContainer?: HTMLDivElement | null;
+	hidden?: boolean;
+	componentsProps?: {
+		controls?: Partial<ControlsProps>
+		button?: Partial<ControlButtonProps>
+		container?: Partial<ComponentProps6<typeof Box<"div">>>
+		layoutElement?: Partial<FrameLayoutElementProps>
+	};
 }
+type PinnableProps<T extends LayoutType = PinnableDefaultLayoutType> = OptionalIfExtends<ExplicitPinnableProps<T>, "layoutType", PinnableDefaultLayoutType, T>;
+declare function Pinnable2<T extends LayoutType = PinnableDefaultLayoutType>({ layoutType: layoutTypeProp, section, initialValue, layoutId, controlsContainer, hidden, componentsProps, children }: PropsWithChildren14<PinnableProps<T>>): ReactNode23;
 interface WidgetWrapperProps {
 	config: WidgetConfiguration;
-	mt?: MantineSize6 | number;
+	mt?: MantineSize9 | number;
 	withCloseButton?: boolean;
-	componentsProps?: WidgetWrapperComponentsProps;
-}
-declare function WidgetWrapper({ children, config, mt, withCloseButton, componentsProps }: PropsWithChildren13<WidgetWrapperProps>): ReactNode21;
-interface WidgetWrapper extends React.FC<PropsWithChildren13<WidgetWrapperProps>> {
-	CloseButton: typeof CloseButton2;
-}
-declare const _default3: WidgetWrapper;
-import { MantineSize as MantineSize7, LoaderProps } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren14, ReactNode as ReactNode22 } from "react";
-interface WidgetComponentsProps extends WidgetWrapperComponentsProps {
-	wrapper?: Partial<Omit<WidgetWrapperProps, "widgetId">>;
-	loader?: Partial<LoaderProps>;
-	badgeGroup?: Partial<BadgeGroupProps>;
+	pinnableSection?: Exclude<FrameLayoutSection, FrameLayoutSection.Content>;
+	componentsProps?: {
+		container?: Partial<ComponentProps7<typeof Paper<"div">>>
+		transition?: Partial<TransitionProps6>
+		controls?: Partial<ControlsProps>
+		closeButton?: Partial<ControlButtonProps>
+		Pinnable?: Partial<PinnableProps>
+	};
 }
+declare function WidgetWrapper({ config, mt, withCloseButton, pinnableSection, componentsProps, children }: PropsWithChildren15<WidgetWrapperProps>): ReactNode24;
+import { MantineSize as MantineSize10, LoaderProps, DividerProps, StackProps as StackProps2 } from "@mantine/core";
+import { ComponentProps as ComponentProps8, PropsWithChildren as PropsWithChildren16, ReactNode as ReactNode25 } from "react";
 interface WidgetProps {
 	id: string;
-	title: string;
+	title?: string;
 	config?: Partial<Omit<WidgetConfiguration, "widgetId">>;
-	badges?: (BadgeMinimalProps | ReactNode22)[];
-	buttons?: (RemoraidButtonProps | ReactNode22)[];
-	alerts?: (AlertMinimalProps | ReactNode22)[];
-	gaps?: MantineSize7 | number | {
-		badges?: MantineSize7 | number
-		buttons?: MantineSize7 | number
-		alerts?: MantineSize7 | number
+	badges?: (ComponentProps8<typeof BadgeMinimal> | ElementOfType<typeof BadgeMinimal>)[];
+	buttons?: (RemoraidButtonProps<true> | RemoraidButtonProps<false> | ElementOfType<typeof RemoraidButton, RemoraidButtonProps<true> | RemoraidButtonProps<false>>)[];
+	alerts?: (ComponentProps8<typeof AlertMinimal> | ElementOfType<typeof AlertMinimal>)[];
+	gaps?: MantineSize10 | number | {
+		badges?: MantineSize10 | number
+		buttons?: MantineSize10 | number
+		alerts?: MantineSize10 | number
 	};
 	loading?: boolean;
-	mt?: MantineSize7 | number;
-	componentsProps?: WidgetComponentsProps;
+	mt?: MantineSize10 | number;
+	pinnableSection?: WidgetWrapperProps["pinnableSection"];
+	componentsProps?: {
+		wrapper?: Partial<Omit<WidgetWrapperProps, "config">>
+		loader?: Partial<LoaderProps>
+		badgeGroup?: Partial<BadgeGroupProps>
+		divider?: Partial<DividerProps>
+		alertsContainer?: Partial<StackProps2>
+	};
 }
-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 PropsWithChildren15, ReactNode as ReactNode23 } from "react";
+declare function Widget({ id, title, config, badges: badgesProp, buttons: buttonsProp, alerts: alertsProp, gaps, loading, mt, pinnableSection, componentsProps, children }: PropsWithChildren16<WidgetProps>): ReactNode25;
+import { ContainerProps as ContainerProps2 } from "@mantine/core";
+import { PropsWithChildren as PropsWithChildren17, ReactNode as ReactNode26 } from "react";
 declare const usePage: () => PageConfiguration | null;
 interface PageProps {
 	name?: string;
 	config?: Partial<Omit<PageConfiguration, "name">>;
-	pt?: MantineSize8 | number;
-	componentsProps?: {
-		container?: ContainerProps
-	};
-}
-declare function Page({ children, name, config, pt, componentsProps }: PropsWithChildren15<PageProps>): ReactNode23;
-import { ContainerProps as ContainerProps2, MantineSize as MantineSize9 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren16, ReactNode as ReactNode24 } from "react";
-interface PageContainerProps {
-	pt?: MantineSize9 | number;
+	p?: PageContainerProps["p"];
 	componentsProps?: {
 		container?: ContainerProps2
 	};
 }
-declare function PageContainer({ children, pt, componentsProps }: PropsWithChildren16<PageContainerProps>): ReactNode24;
-import { PropsWithChildren as PropsWithChildren17, ReactNode as ReactNode25 } from "react";
+declare function Page({ children, name, config, p, componentsProps }: PropsWithChildren17<PageProps>): ReactNode26;
+import { PropsWithChildren as PropsWithChildren18, ReactNode as ReactNode27 } from "react";
 interface NotFoundPageProps {
 	message?: string;
 	componentsProps?: {
 		page?: PageProps
 	};
 }
-declare function NotFoundPage({ children, message, componentsProps }: PropsWithChildren17<NotFoundPageProps>): ReactNode25;
-import { ContainerProps as ContainerProps3, MantineSize as MantineSize10 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren18, ReactNode as ReactNode26 } from "react";
+declare function NotFoundPage({ children, message, componentsProps }: PropsWithChildren18<NotFoundPageProps>): ReactNode27;
+import { ContainerProps as ContainerProps3, MantineSize as MantineSize11 } from "@mantine/core";
+import { PropsWithChildren as PropsWithChildren19, ReactNode as ReactNode28 } from "react";
 interface EnvironmentShellProps {
 	environment: Record<string, string | undefined>;
 	message?: string;
-	m?: MantineSize10 | number;
-	mt?: MantineSize10 | number;
+	m?: MantineSize11 | number;
+	mt?: MantineSize11 | number;
 	withContainer?: boolean;
 	componentsProps?: {
 		container?: ContainerProps3
 	};
 }
-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";
+declare function EnvironmentShell({ children, environment, message, m, mt, withContainer, componentsProps }: PropsWithChildren19<EnvironmentShellProps>): ReactNode28;
+import { PropsWithChildren as PropsWithChildren20, ReactNode as ReactNode30 } from "react";
+import { ReactNode as ReactNode29 } from "react";
+import { GroupProps as GroupProps4 } from "@mantine/core";
 interface SettingsWidgetSaveButtonProps {
 	onSaveChanges: () => void;
 	insideContainer?: boolean;
 	componentsProps?: {
-		container?: Partial<GroupProps3>
+		container?: Partial<GroupProps4>
 		button?: Partial<RemoraidButtonProps>
 	};
 }
-declare function SaveButton2({ onSaveChanges, insideContainer, componentsProps }: SettingsWidgetSaveButtonProps): ReactNode27;
+declare function SaveButton2({ onSaveChanges, insideContainer, componentsProps }: SettingsWidgetSaveButtonProps): ReactNode29;
 declare const defaultSettingsWidgetContext: {};
 declare const useSettingsWidgetContext: () => SettingsWidgetContext;
 interface SettingsWidgetProps {
@@ -525,52 +609,66 @@ interface SettingsWidgetProps {
 	custom?: boolean;
 	widgetProps?: Partial<WidgetProps>;
 }
-declare function SettingsWidget({ children, onRestoreDefaultValues, unsavedChanges, custom, widgetProps }: PropsWithChildren19<SettingsWidgetProps>): ReactNode28;
-interface SettingsWidget extends React.FC<PropsWithChildren19<SettingsWidgetProps>> {
+declare function SettingsWidget({ children, onRestoreDefaultValues, unsavedChanges, custom, widgetProps }: PropsWithChildren20<SettingsWidgetProps>): ReactNode30;
+interface SettingsWidget extends React.FC<PropsWithChildren20<SettingsWidgetProps>> {
 	SaveButton: typeof SaveButton2;
 }
-declare const _default4: SettingsWidget;
-import { ReactNode as ReactNode30 } from "react";
-import { PropsWithChildren as PropsWithChildren20, ReactNode as ReactNode29 } from "react";
+declare const _default3: SettingsWidget;
+import { ComponentProps as ComponentProps9, ReactNode as ReactNode32 } from "react";
+import { PropsWithChildren as PropsWithChildren21, ReactNode as ReactNode31 } from "react";
 interface SettingsTableRowProps {
 	label: string;
 }
-declare function Row2({ children, label }: PropsWithChildren20<SettingsTableRowProps>): ReactNode29;
+declare function Row2({ children, label }: PropsWithChildren21<SettingsTableRowProps>): ReactNode31;
 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): ReactNode30;
-interface SettingsTable extends React.FC<SettingsTableProps> {
+declare function SettingsTable({ leftColumnWidth, children: childrenProp }: PropsWithChildrenOfType<typeof Row2, SettingsTableProps>): ReactNode32;
+interface SettingsTable extends React.FC<ComponentProps9<typeof SettingsTable>> {
 	Row: typeof Row2;
 }
-declare const _default5: SettingsTable;
-import { ReactElement as ReactElement2, ReactNode as ReactNode31 } from "react";
+declare const _default4: SettingsTable;
+import { ComponentProps as ComponentProps10, ReactNode as ReactNode33 } from "react";
 declare const defaultNavbarSettingsWidgetId = "navbar-settings";
 interface NavbarSettingsWidgetProps {
-	additionalRows?: ReactElement2<SettingsTableRowProps, typeof _default5.Row>[];
+	additionalRows?: (ComponentProps10<typeof _default4.Row> | ElementOfType<typeof _default4.Row>)[];
 	widgetProps?: Partial<WidgetProps>;
 	componentsProps?: {
-		table: Partial<Omit<SettingsTableProps, "children">>
+		table: Partial<SettingsTableProps>
 	};
 }
-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";
+declare function NavbarSettingsWidget({ additionalRows: additionalRowsProp, widgetProps, componentsProps }: NavbarSettingsWidgetProps): ReactNode33;
+import { Chip, ChipGroupProps, FlexProps, MantineSize as MantineSize12, ScrollAreaProps as ScrollAreaProps3 } from "@mantine/core";
+import { ReactNode as ReactNode34 } from "react";
 interface ScrollbleChipGroupProps {
 	value: string[];
 	onChange?: (value: string[]) => void;
-	gap?: MantineSize11 | number;
+	gap?: MantineSize12 | 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 };
+declare function ScrollableChipGroup({ value, onChange, gap, componentsProps, children: childrenProp }: PropsWithChildrenOfType<typeof Chip, ScrollbleChipGroupProps>): ReactNode34;
+import { PropsWithChildren as PropsWithChildren22, ReactNode as ReactNode35 } 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 }: PropsWithChildren22<ContextClusterProviderProps<Context, StaticID>>): ReactNode35;
+export { useWidgets, useWidget, useSettingsWidgetContext as useSettingsWidgetOptions, useSettingsTableOptions, useRemoraidUserExperience, useRemoraidTheme, useRemoraidApp, usePage, useLayouts, useHydrationStatus, useHydratedMantineColorScheme, useFrameLayout, remoraidAppShellLayoutId, isValidElementOfType, getElementTypeName, getDefaultWidgetContext, defaultUserExperienceCookieName, defaultUserExperience, defaultSettingsWidgetContext as defaultSettingsWidgetOptions, defaultSettingsTableOptions, defaultNavbarSettingsWidgetId, defaultLayoutsContext, defaultAppShellNavbarPositions, defaultAppShellFooterPositions, defaultAppContext, createUserExperienceContext, createRemoraidTheme, createContextCluster, co, asElementOrPropsOfType, asElementOfType, asChildrenOfType, WidgetsProviderProps, WidgetsContext, WidgetWrapperProps, WidgetWrapper, WidgetSelectionHeaderProps, WidgetSelectionHeader, WidgetProps, WidgetContext, WidgetConfiguration, Widget, UserExperienceProviderWrapperProps, UserExperienceProviderWrapper, UserExperienceProviderProps, UserExperienceContext, UserExperience, TransitionDuration, ThemeProviderProps, StaticRemoraidAppContext, SettingsWidgetSaveButtonProps, SettingsWidgetProps, SettingsWidgetContext, _default3 as SettingsWidget, SettingsTableRowProps, SettingsTableOptions, _default4 as SettingsTable, ScrollbleChipGroupProps, ScrollableChipGroup, RemoraidUser, RemoraidThemeDependencies, RemoraidThemeCallback, RemoraidTheme, RemoraidProviderProps, RemoraidProvider, RemoraidIconSize, RemoraidButtonProps, RemoraidButtonDefaultResponsivity, RemoraidButton, RemoraidBreakpoint, RemoraidAuthContext, RemoraidAppContext, PropsWithChildrenOfType, PrimitiveUserExperience, PinnableProps, PinnableDefaultLayoutType, Pinnable2 as Pinnable, PageProps, PageContainerProps, PageContainer2 as PageContainer, PageConfiguration, Page, OptionalIfExtends, Optional, NotFoundPageProps, NotFoundPage, NavbarVariant, NavbarSettingsWidgetProps, NavbarSettingsWidget, NavbarMinimalProps, LayoutsProviderProps, LayoutsContext, LayoutType, LayoutSection, LayoutContext, HydrationStatusProviderProps, HydrationStatusProvider, HydrationStatus, FrameLayoutSection, FrameLayoutProps, FrameLayoutElementProps, _default as FrameLayout, FooterVariant, FooterMinimalProps, EnvironmentShellProps, EnvironmentShell, ElementOrPropsOfType, ElementOfType, DefaultNavbarVariant, DefaultFooterVariant, CustomAppVariables, CoreUserExperience, ControlsProps, Controls, ControlButtonProps, ControlButton, ContextClusterProviderProps, ContextClusterProvider, ContextCluster, Common, ChildrenOfType, BadgeMinimalProps, BadgeMinimal, BadgeGroupProps, BadgeGroup, AppShellProps, AppShellNavbarVariant, AppShellNavbarPosition, AppShellFooterVariant, AppShellFooterPosition, _default2 as AppShell, AppProviderProps, AppProvider2 as AppProvider, AppLogo, AppContextProps, AlertMinimalProps, AlertMinimal, AlertCategory };