remoraid 2.20.2 → 2.26.4

package/dist/core/index.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren as PropsWithChildren6, ReactNode as ReactNode7 } from "react";
-import { HoverCardProps, MantineBreakpoint, MantineColorScheme, MantineSize, MantineTheme, ScrollAreaProps, TooltipProps } from "@mantine/core";
+import { HoverCardProps, MantineBreakpoint, MantineColorScheme, MantineSize, MantineTheme, MenuProps, ScrollAreaProps, TooltipProps } from "@mantine/core";
 import { Icon as Icon2, IconProps as IconProps2 } from "@tabler/icons-react";
 import { ImageProps } from "next/image";
 import React2, { Dispatch, ReactNode as ReactNode2, SetStateAction } from "react";
@@ -70,6 +70,7 @@ interface UserExperienceContext<T extends UserExperience> {
 interface WidgetContext {
 	name: string;
 	selected: boolean;
+	hidden: boolean;
 }
 interface WidgetsContext {
 	widgets: Partial<Record<string, Partial<Record<string, WidgetContext>>>>;
@@ -82,6 +83,7 @@ interface WidgetsContext {
 	updateWidgetSelection: (pageId: string, widgetId: string, value: boolean) => void;
 	updateWidgetSelectionBulk: (pageId: string, selectedWidgetIds: string[]) => void;
 	isWidgetSelected: (pageId: string, widgetId: string) => boolean;
+	hideWidget: (pageId: string, widgetId: string) => void;
 }
 declare enum AlertCategory {
 	Negative = "negative",
@@ -103,6 +105,7 @@ declare enum RemoraidIconSize {
 	Medium = "medium"
 }
 interface RemoraidTheme {
+	bodyColor: string;
 	containerSize: MantineSize | number;
 	jsonStringifySpace: string | number;
 	primaryGutter: MantineSize | number;
@@ -116,6 +119,7 @@ interface RemoraidTheme {
 		ScrollArea: Partial<ScrollAreaProps>
 		HoverCard: Partial<HoverCardProps>
 		Tooltip: Partial<TooltipProps>
+		Menu: Partial<MenuProps>
 	};
 }
 interface RemoraidThemeDependencies {
@@ -125,7 +129,7 @@ interface RemoraidThemeDependencies {
 type RemoraidThemeCallback = (dependencies: Partial<RemoraidThemeDependencies>) => PartialDeep<RemoraidTheme>;
 interface WidgetConfiguration {
 	widgetId: string;
-	initialValues?: PartialDeep<WidgetContext>;
+	initialValues?: PartialDeep<Omit<WidgetContext, "hidden">>;
 	allowUnregisteredPageUsage?: boolean;
 }
 interface PageConfiguration {
@@ -180,6 +184,7 @@ declare const useWidget: (pageId: string, widgetId: string) => WidgetContext | n
 interface WidgetsProviderProps {}
 import { PartialDeep as PartialDeep2 } from "type-fest";
 declare const createRemoraidTheme: (customTheme?: PartialDeep2<RemoraidTheme>, dependencies?: Partial<RemoraidThemeDependencies>) => RemoraidTheme;
+declare const getCssVars: (theme: RemoraidTheme) => Record<string, string>;
 declare const useRemoraidTheme: () => RemoraidTheme;
 interface ThemeProviderProps {
 	theme?: PartialDeep2<RemoraidTheme> | RemoraidThemeCallback;
@@ -296,6 +301,7 @@ declare const asElementOrPropsOfType: <
 	P = ComponentProps<T>
 >(type: T, elementOrProps: ReactElement | P, additionalErrorMessage?: string) => ElementOrPropsOfType<T, P>;
 declare const getDefaultButtonIconSize: (buttonSize: MantineSize2) => RemoraidIconSize;
+declare const scrollToWidget: (widgetId: string) => void;
 import { GroupProps as GroupProps2, MantineSize as MantineSize4, ScrollAreaProps as ScrollAreaProps2, StackProps } from "@mantine/core";
 import { ComponentProps as ComponentProps2, PropsWithChildren as PropsWithChildren10, ReactNode as ReactNode13 } from "react";
 import { PropsWithChildren as PropsWithChildren9, ReactNode as ReactNode12 } from "react";
@@ -409,112 +415,62 @@ declare function UserExperienceProviderWrapper<T extends UserExperience>({ child
 declare const defaultUserExperience: CoreUserExperience;
 declare const defaultUserExperienceCookieName = "remoraid-core-user-experience";
 declare const useRemoraidUserExperience: () => UserExperienceContext<CoreUserExperience>;
-import { MantineSize as MantineSize5 } from "@mantine/core";
-import { ReactNode as ReactNode17 } from "react";
-interface WidgetSelectionHeaderProps {
-	title?: string;
-	disabledWidgets?: string[];
-	mt?: MantineSize5 | number;
-}
-declare function WidgetSelectionHeader({ title, disabledWidgets, mt }: WidgetSelectionHeaderProps): ReactNode17;
-import { BadgeProps as BadgeProps2, GroupProps as GroupProps3, HoverCardProps as HoverCardProps2, MantineBreakpoint as MantineBreakpoint2, MantineSize as MantineSize6, StackProps as StackProps2, TransitionProps as TransitionProps3 } from "@mantine/core";
-import { ReactNode as ReactNode19 } from "react";
-import { BadgeProps, TooltipProps as TooltipProps2, TransitionProps as TransitionProps2 } from "@mantine/core";
-import { ReactNode as ReactNode18 } from "react";
-interface BadgeMinimalProps {
-	label: string;
-	tooltip?: string;
-	mounted?: TransitionProps2["mounted"];
-	componentsProps?: {
-		badge?: BadgeProps
-		transition?: Partial<Omit<TransitionProps2, "mounted">>
-		tooltip?: TooltipProps2
-	};
-}
-declare function BadgeMinimal({ label, tooltip, mounted, componentsProps }: BadgeMinimalProps): ReactNode18;
-interface BadgeGroupProps {
-	badges: ElementOrPropsOfType<typeof BadgeMinimal>[];
-	gap?: MantineSize6 | number;
-	breakpoint?: MantineBreakpoint2;
+import { ChipProps, FlexProps as FlexProps2, MenuProps as MenuProps2, TextProps } from "@mantine/core";
+import { ReactNode as ReactNode21 } from "react";
+import { ChipGroupProps, FlexProps, MantineSize as MantineSize5, ScrollAreaProps as ScrollAreaProps3 } from "@mantine/core";
+import { PropsWithChildren as PropsWithChildren14, ReactNode as ReactNode17, RefObject } from "react";
+interface ScrollableChipGroupProps {
+	value: string[];
+	ref?: RefObject<HTMLDivElement | null>;
+	onChange?: (value: string[]) => void;
+	gap?: MantineSize5 | number;
 	componentsProps?: {
-		container?: Partial<Omit<GroupProps3, "visibleFrom">>
-		HoverCard?: Partial<HoverCardProps2>
-		hoverContainer?: Partial<StackProps2>
-		cumulativeBadge?: Partial<Omit<BadgeProps2, "hiddenFrom">>
-		cumulativeBadgeTransition?: Partial<TransitionProps3>
+		chipGroup?: Partial<ChipGroupProps<true>>
+		container?: Partial<FlexProps>
+		ScrollArea?: Partial<ScrollAreaProps3>
 	};
 }
-declare function BadgeGroup({ badges: badgesProp, gap, breakpoint: breakpointProp, componentsProps }: BadgeGroupProps): ReactNode19;
-import { ActionIconProps, ActionIconVariant, ButtonProps, ButtonVariant, MantineBreakpoint as MantineBreakpoint3, MantineColor, MantineSize as MantineSize7, TooltipProps as TooltipProps3, TransitionProps as TransitionProps4 } from "@mantine/core";
+declare function ScrollableChipGroup2({ value, ref, onChange, gap, componentsProps, children }: PropsWithChildren14<ScrollableChipGroupProps>): ReactNode17;
+import { ComponentProps as ComponentProps5, PropsWithChildren as PropsWithChildren15, ReactNode as ReactNode20 } from "react";
+import { Box } from "@mantine/core";
+import { ActionIcon as ActionIcon2, ActionIconProps, TooltipProps as TooltipProps2, TransitionProps as TransitionProps2 } from "@mantine/core";
 import { Icon as Icon4, IconProps as IconProps4 } from "@tabler/icons-react";
-import { ReactNode as ReactNode20 } from "react";
-type RemoraidButtonDefaultResponsivity = true;
-interface ExplicitRemoraidButtonProps<Responsive extends boolean> {
-	responsive: Responsive;
-	label: string;
-	size?: MantineSize7;
-	color?: MantineColor;
-	breakpoint?: true extends Responsive ? MantineBreakpoint3 : never;
-	collapsed?: false extends Responsive ? boolean : never;
-	icon?: Icon4;
-	iconSize?: RemoraidIconSize;
-	onClick?: () => void;
-	loading?: boolean;
-	variant?: Extract<ButtonVariant, ActionIconVariant>;
-	mounted?: TransitionProps4["mounted"];
-	componentsProps?: {
-		tooltip?: Partial<TooltipProps3>
-		icon?: Partial<IconProps4>
-		button?: Omit<Partial<Common<ButtonProps, ActionIconProps>>, "variant" | "onClick" | "size" | "color" | "loading">
-		transition?: Partial<Omit<TransitionProps4, "mounted">>
-		Button?: Partial<ButtonProps>
-		ActionIcon?: Partial<ActionIconProps>
-	};
-}
-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: iconSizeProp, componentsProps }: RemoraidButtonProps<Responsive>): ReactNode20;
-import { ActionIcon as ActionIcon2, ActionIconProps as ActionIconProps2, TooltipProps as TooltipProps4, TransitionProps as TransitionProps5 } from "@mantine/core";
-import { Icon as Icon5, IconProps as IconProps5 } from "@tabler/icons-react";
-import { ComponentProps as ComponentProps4, ReactNode as ReactNode21 } from "react";
+import { ComponentProps as ComponentProps4, ReactNode as ReactNode18 } from "react";
 interface ControlButtonProps {
-	icon: Icon5;
+	icon: Icon4;
 	mounted?: boolean;
 	tooltip?: string;
-	size?: ActionIconProps2["size"];
+	size?: ActionIconProps["size"];
 	iconSize?: RemoraidIconSize;
-	color?: ActionIconProps2["color"];
+	color?: ActionIconProps["color"];
 	onClick?: ComponentProps4<typeof ActionIcon2<"button">>["onClick"];
 	order?: number;
 	componentsProps?: {
-		transition?: Partial<TransitionProps5>
-		tooltip?: Partial<TooltipProps4>
-		button?: Partial<ActionIconProps2>
-		icon?: Partial<IconProps5>
+		transition?: Partial<TransitionProps2>
+		tooltip?: Partial<TooltipProps2>
+		button?: Partial<ActionIconProps>
+		icon?: Partial<IconProps4>
 	};
 }
-declare function ControlButton({ icon: Icon5, mounted, size, iconSize, onClick, order, color, tooltip, componentsProps }: ControlButtonProps): ReactNode21;
-import { ReactNode as ReactNode22, Ref, RefObject } from "react";
-import { GroupProps as GroupProps4, MantineSize as MantineSize8, PaperProps as PaperProps2, TransitionProps as TransitionProps6 } from "@mantine/core";
-import { IconProps as IconProps6 } from "@tabler/icons-react";
+declare function ControlButton({ icon: Icon4, mounted, size, iconSize, onClick, order, color, tooltip, componentsProps }: ControlButtonProps): ReactNode18;
+import { ReactNode as ReactNode19, Ref, RefObject as RefObject2 } from "react";
+import { GroupProps as GroupProps3, MantineSize as MantineSize6, PaperProps as PaperProps2, TransitionProps as TransitionProps3 } from "@mantine/core";
+import { IconProps as IconProps5 } from "@tabler/icons-react";
 interface ControlsProps {
-	dragContainerRef: RefObject<HTMLDivElement | null>;
+	dragContainerRef: RefObject2<HTMLDivElement | null>;
 	mounted?: boolean;
 	groupRef?: Ref<HTMLDivElement>;
-	gutter?: MantineSize8 | number;
+	gutter?: MantineSize6 | number;
 	iconSize?: RemoraidIconSize;
 	additionalButtons?: ElementOrPropsOfType<typeof ControlButton>[];
 	componentsProps?: {
-		group?: Partial<GroupProps4>
+		group?: Partial<GroupProps3>
 		container?: Partial<PaperProps2>
-		transition?: Partial<TransitionProps6>
-		gripIcon?: Partial<IconProps6>
+		transition?: Partial<TransitionProps3>
+		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 TransitionProps7 } from "@mantine/core";
-import { ComponentProps as ComponentProps6, PropsWithChildren as PropsWithChildren15, ReactNode as ReactNode24 } from "react";
-import { ComponentProps as ComponentProps5, PropsWithChildren as PropsWithChildren14, ReactNode as ReactNode23 } from "react";
-import { Box } from "@mantine/core";
+declare function Controls({ groupRef, mounted, dragContainerRef, gutter, iconSize, additionalButtons: additionalButtonsProp, componentsProps, children: childrenProp }: PropsWithChildrenOfType<typeof ControlButton, ControlsProps>): ReactNode19;
 type PinnableDefaultLayoutType = LayoutType.Frame;
 interface ExplicitPinnableProps<T extends LayoutType> {
 	layoutType: T;
@@ -531,7 +487,80 @@ interface ExplicitPinnableProps<T extends LayoutType> {
 	};
 }
 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;
+declare function Pinnable2<T extends LayoutType = PinnableDefaultLayoutType>({ layoutType: layoutTypeProp, section, initialValue, layoutId, controlsContainer, hidden, componentsProps, children }: PropsWithChildren15<PinnableProps<T>>): ReactNode20;
+interface WidgetSelectionHeaderProps {
+	title?: string;
+	pinnableSection?: FrameLayoutSection.Top | FrameLayoutSection.Bottom | null;
+	initiallyPinned?: boolean;
+	disabledWidgets?: string[];
+	componentsProps?: {
+		container?: Partial<FlexProps2>
+		widgetMenu?: Partial<MenuProps2>
+		title?: Partial<TextProps>
+		ScrollableChipGroup?: Partial<ScrollableChipGroupProps>
+		Chip?: Partial<ChipProps>
+		Pinnable?: Partial<PinnableProps>
+	};
+}
+declare function WidgetSelectionHeader({ title, pinnableSection, initiallyPinned, disabledWidgets, componentsProps }: WidgetSelectionHeaderProps): ReactNode21;
+import { BadgeProps as BadgeProps2, GroupProps as GroupProps4, HoverCardProps as HoverCardProps2, MantineBreakpoint as MantineBreakpoint2, MantineSize as MantineSize7, StackProps as StackProps2, TransitionProps as TransitionProps5 } from "@mantine/core";
+import { ReactNode as ReactNode23 } from "react";
+import { BadgeProps, TooltipProps as TooltipProps3, TransitionProps as TransitionProps4 } from "@mantine/core";
+import { ReactNode as ReactNode22 } from "react";
+interface BadgeMinimalProps {
+	label: string;
+	tooltip?: string;
+	mounted?: TransitionProps4["mounted"];
+	componentsProps?: {
+		badge?: BadgeProps
+		transition?: Partial<Omit<TransitionProps4, "mounted">>
+		tooltip?: TooltipProps3
+	};
+}
+declare function BadgeMinimal({ label, tooltip, mounted, componentsProps }: BadgeMinimalProps): ReactNode22;
+interface BadgeGroupProps {
+	badges: ElementOrPropsOfType<typeof BadgeMinimal>[];
+	gap?: MantineSize7 | number;
+	breakpoint?: MantineBreakpoint2;
+	componentsProps?: {
+		container?: Partial<Omit<GroupProps4, "visibleFrom">>
+		HoverCard?: Partial<HoverCardProps2>
+		hoverContainer?: Partial<StackProps2>
+		cumulativeBadge?: Partial<Omit<BadgeProps2, "hiddenFrom">>
+		cumulativeBadgeTransition?: Partial<TransitionProps5>
+	};
+}
+declare function BadgeGroup({ badges: badgesProp, gap, breakpoint: breakpointProp, componentsProps }: BadgeGroupProps): ReactNode23;
+import { ActionIconProps as ActionIconProps2, ActionIconVariant, ButtonProps, ButtonVariant, MantineBreakpoint as MantineBreakpoint3, MantineColor, MantineSize as MantineSize8, TooltipProps as TooltipProps4, TransitionProps as TransitionProps6 } from "@mantine/core";
+import { Icon as Icon5, IconProps as IconProps6 } from "@tabler/icons-react";
+import { ReactNode as ReactNode24 } from "react";
+type RemoraidButtonDefaultResponsivity = true;
+interface ExplicitRemoraidButtonProps<Responsive extends boolean> {
+	responsive: Responsive;
+	label: string;
+	size?: MantineSize8;
+	color?: MantineColor;
+	breakpoint?: true extends Responsive ? MantineBreakpoint3 : never;
+	collapsed?: false extends Responsive ? boolean : never;
+	icon?: Icon5;
+	iconSize?: RemoraidIconSize;
+	onClick?: () => void;
+	loading?: boolean;
+	variant?: Extract<ButtonVariant, ActionIconVariant>;
+	mounted?: TransitionProps6["mounted"];
+	componentsProps?: {
+		tooltip?: Partial<TooltipProps4>
+		icon?: Partial<IconProps6>
+		button?: Omit<Partial<Common<ButtonProps, ActionIconProps2>>, "variant" | "onClick" | "size" | "color" | "loading">
+		transition?: Partial<Omit<TransitionProps6, "mounted">>
+		Button?: Partial<ButtonProps>
+		ActionIcon?: Partial<ActionIconProps2>
+	};
+}
+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: iconSizeProp, componentsProps }: RemoraidButtonProps<Responsive>): ReactNode24;
+import { MantineSize as MantineSize9, Paper, TransitionProps as TransitionProps7 } from "@mantine/core";
+import { ComponentProps as ComponentProps6, PropsWithChildren as PropsWithChildren16, ReactNode as ReactNode25 } from "react";
 interface WidgetWrapperProps {
 	config: WidgetConfiguration;
 	mt?: MantineSize9 | number;
@@ -545,9 +574,9 @@ interface WidgetWrapperProps {
 		Pinnable?: Partial<PinnableProps>
 	};
 }
-declare function WidgetWrapper({ config, mt, withCloseButton, pinnableSection, componentsProps, children }: PropsWithChildren15<WidgetWrapperProps>): ReactNode24;
-import { MantineSize as MantineSize10, LoaderProps, DividerProps, StackProps as StackProps3, TitleProps } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren16, ReactNode as ReactNode25 } from "react";
+declare function WidgetWrapper({ config, mt, withCloseButton, pinnableSection, componentsProps, children }: PropsWithChildren16<WidgetWrapperProps>): ReactNode25;
+import { MantineSize as MantineSize10, LoaderProps, DividerProps, StackProps as StackProps3, TitleProps, ScrollAreaAutosizeProps } from "@mantine/core";
+import { PropsWithChildren as PropsWithChildren17, ReactNode as ReactNode26 } from "react";
 interface WidgetProps {
 	id: string;
 	title?: string;
@@ -565,6 +594,8 @@ interface WidgetProps {
 	pinnableSection?: WidgetWrapperProps["pinnableSection"];
 	componentsProps?: {
 		wrapper?: Partial<Omit<WidgetWrapperProps, "config">>
+		contentContainer?: Partial<StackProps3>
+		childrenContainer?: Partial<ScrollAreaAutosizeProps>
 		loader?: Partial<LoaderProps>
 		title?: Partial<TitleProps>
 		badgeGroup?: Partial<BadgeGroupProps>
@@ -572,9 +603,9 @@ interface WidgetProps {
 		alertsContainer?: Partial<StackProps3>
 	};
 }
-declare function Widget({ id, title, config, badges: badgesProp, buttons: buttonsProp, alerts: alertsProp, gaps, loading, mt, pinnableSection, componentsProps, children }: PropsWithChildren16<WidgetProps>): ReactNode25;
+declare function Widget({ id, title, config, badges: badgesProp, buttons: buttonsProp, alerts: alertsProp, gaps, loading, mt, pinnableSection, componentsProps, children }: PropsWithChildren17<WidgetProps>): ReactNode26;
 import { ContainerProps as ContainerProps2, StackProps as StackProps4 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren17, ReactNode as ReactNode26 } from "react";
+import { PropsWithChildren as PropsWithChildren18, ReactNode as ReactNode27 } from "react";
 declare const usePage: () => PageConfiguration | null;
 interface PageProps {
 	name?: string;
@@ -586,16 +617,16 @@ interface PageProps {
 		Stack?: Partial<StackProps4>
 	};
 }
-declare function Page({ children, name, config, gap, componentsProps }: PropsWithChildren17<PageProps>): ReactNode26;
-import { PropsWithChildren as PropsWithChildren18, ReactNode as ReactNode27 } from "react";
+declare function Page({ children, name, config, gap, componentsProps }: PropsWithChildren18<PageProps>): ReactNode27;
+import { PropsWithChildren as PropsWithChildren19, ReactNode as ReactNode28 } from "react";
 interface NotFoundPageProps {
 	message?: string;
 	componentsProps?: {
 		page?: PageProps
 	};
 }
-declare function NotFoundPage({ children, message, componentsProps }: PropsWithChildren18<NotFoundPageProps>): ReactNode27;
-import { PropsWithChildren as PropsWithChildren19, ReactNode as ReactNode28 } from "react";
+declare function NotFoundPage({ children, message, componentsProps }: PropsWithChildren19<NotFoundPageProps>): ReactNode28;
+import { PropsWithChildren as PropsWithChildren20, ReactNode as ReactNode29 } from "react";
 declare enum EnvironmentShellVariant {
 	Alert = "alert",
 	Error = "error",
@@ -611,9 +642,9 @@ interface EnvironmentShellProps {
 		alertContainer: Partial<PageContainerProps>
 	};
 }
-declare function EnvironmentShell({ environment, variant, message, includeAlertContainer, componentsProps, children }: PropsWithChildren19<EnvironmentShellProps>): ReactNode28;
-import { PropsWithChildren as PropsWithChildren20, ReactNode as ReactNode30 } from "react";
-import { ReactNode as ReactNode29 } from "react";
+declare function EnvironmentShell({ environment, variant, message, includeAlertContainer, componentsProps, children }: PropsWithChildren20<EnvironmentShellProps>): ReactNode29;
+import { PropsWithChildren as PropsWithChildren21, ReactNode as ReactNode31 } from "react";
+import { ReactNode as ReactNode30 } from "react";
 import { GroupProps as GroupProps5 } from "@mantine/core";
 interface SettingsWidgetSaveButtonProps {
 	onSaveChanges: () => void;
@@ -623,7 +654,7 @@ interface SettingsWidgetSaveButtonProps {
 		button?: Partial<RemoraidButtonProps>
 	};
 }
-declare function SaveButton2({ onSaveChanges, insideContainer, componentsProps }: SettingsWidgetSaveButtonProps): ReactNode29;
+declare function SaveButton2({ onSaveChanges, insideContainer, componentsProps }: SettingsWidgetSaveButtonProps): ReactNode30;
 declare const defaultSettingsWidgetContext: {};
 declare const useSettingsWidgetContext: () => SettingsWidgetContext;
 interface SettingsWidgetProps {
@@ -632,17 +663,17 @@ interface SettingsWidgetProps {
 	custom?: boolean;
 	widgetProps?: Partial<WidgetProps>;
 }
-declare function SettingsWidget({ children, onRestoreDefaultValues, unsavedChanges, custom, widgetProps }: PropsWithChildren20<SettingsWidgetProps>): ReactNode30;
-interface SettingsWidget extends React.FC<PropsWithChildren20<SettingsWidgetProps>> {
+declare function SettingsWidget({ children, onRestoreDefaultValues, unsavedChanges, custom, widgetProps }: PropsWithChildren21<SettingsWidgetProps>): ReactNode31;
+interface SettingsWidget extends React.FC<PropsWithChildren21<SettingsWidgetProps>> {
 	SaveButton: typeof SaveButton2;
 }
 declare const _default3: SettingsWidget;
-import { ComponentProps as ComponentProps7, ReactNode as ReactNode32 } from "react";
-import { PropsWithChildren as PropsWithChildren21, ReactNode as ReactNode31 } from "react";
+import { ComponentProps as ComponentProps7, ReactNode as ReactNode33 } from "react";
+import { PropsWithChildren as PropsWithChildren22, ReactNode as ReactNode32 } from "react";
 interface SettingsTableRowProps {
 	label: string;
 }
-declare function Row2({ children, label }: PropsWithChildren21<SettingsTableRowProps>): ReactNode31;
+declare function Row2({ children, label }: PropsWithChildren22<SettingsTableRowProps>): ReactNode32;
 declare const defaultSettingsTableOptions: {
 	leftColumnWidth: string
 };
@@ -650,12 +681,12 @@ declare const useSettingsTableOptions: () => SettingsTableOptions;
 interface SettingsTableProps {
 	leftColumnWidth?: string | number;
 }
-declare function SettingsTable({ leftColumnWidth, children: childrenProp }: PropsWithChildrenOfType<typeof Row2, SettingsTableProps>): ReactNode32;
+declare function SettingsTable({ leftColumnWidth, children: childrenProp }: PropsWithChildrenOfType<typeof Row2, SettingsTableProps>): ReactNode33;
 interface SettingsTable extends React.FC<ComponentProps7<typeof SettingsTable>> {
 	Row: typeof Row2;
 }
 declare const _default4: SettingsTable;
-import { ComponentProps as ComponentProps8, ReactNode as ReactNode33 } from "react";
+import { ComponentProps as ComponentProps8, ReactNode as ReactNode34 } from "react";
 declare const defaultNavbarSettingsWidgetId = "navbar-settings";
 interface NavbarSettingsWidgetProps {
 	additionalRows?: (ComponentProps8<typeof _default4.Row> | ElementOfType<typeof _default4.Row>)[];
@@ -664,21 +695,8 @@ interface NavbarSettingsWidgetProps {
 		table: Partial<SettingsTableProps>
 	};
 }
-declare function NavbarSettingsWidget({ additionalRows: additionalRowsProp, widgetProps, componentsProps }: NavbarSettingsWidgetProps): ReactNode33;
-import { Chip, ChipGroupProps, FlexProps, MantineSize as MantineSize11, ScrollAreaProps as ScrollAreaProps3 } from "@mantine/core";
-import { ReactNode as ReactNode34 } from "react";
-interface ScrollbleChipGroupProps {
-	value: string[];
-	onChange?: (value: string[]) => void;
-	gap?: MantineSize11 | number;
-	componentsProps?: {
-		chipGroup?: Partial<ChipGroupProps<true>>
-		container?: Partial<FlexProps>
-		ScrollArea?: Partial<ScrollAreaProps3>
-	};
-}
-declare function ScrollableChipGroup({ value, onChange, gap, componentsProps, children: childrenProp }: PropsWithChildrenOfType<typeof Chip, ScrollbleChipGroupProps>): ReactNode34;
-import { PropsWithChildren as PropsWithChildren22, ReactNode as ReactNode35 } from "react";
+declare function NavbarSettingsWidget({ additionalRows: additionalRowsProp, widgetProps, componentsProps }: NavbarSettingsWidgetProps): ReactNode34;
+import { PropsWithChildren as PropsWithChildren23, ReactNode as ReactNode35 } from "react";
 declare const createContextCluster: <
 	Context,
 	StaticID extends string = never
@@ -693,5 +711,5 @@ interface ContextClusterProviderProps<
 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, getDefaultButtonIconSize, 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, EnvironmentShellVariant, 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 };
+>({ cluster, values, children }: PropsWithChildren23<ContextClusterProviderProps<Context, StaticID>>): ReactNode35;
+export { useWidgets, useWidget, useSettingsWidgetContext as useSettingsWidgetOptions, useSettingsTableOptions, useRemoraidUserExperience, useRemoraidTheme, useRemoraidApp, usePage, useLayouts, useHydrationStatus, useHydratedMantineColorScheme, useFrameLayout, scrollToWidget, remoraidAppShellLayoutId, isValidElementOfType, getElementTypeName, getDefaultWidgetContext, getDefaultButtonIconSize, getCssVars, 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, ScrollableChipGroupProps as ScrollbleChipGroupProps, ScrollableChipGroup2 as 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, EnvironmentShellVariant, 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 };