remoraid 2.2.6 → 2.7.2

package/dist/core/index.d.ts

@@ -3,7 +3,20 @@ import { AlertProps, IndicatorProps, MantineBreakpoint, MantineColorScheme, Mant
 import { Icon, IconProps } from "@tabler/icons-react";
 import { ImageProps } from "next/image";
 import { ReactNode } from "react";
-type NavbarVariant = "minimal";
+type RemoraidUser = {
+	name: string
+} | null;
+interface RemoraidAppContext {
+	navigablePages: {
+		label: string
+		href: string
+		icon?: Icon
+	}[];
+	user?: RemoraidUser;
+}
+declare enum NavbarVariant {
+	Minimal = "minimal"
+}
 interface NavbarSettings {
 	hiddenPages: string[];
 	linkSize: string;
@@ -11,17 +24,41 @@ interface NavbarSettings {
 	py: MantineSize | number;
 	iconSize?: string | number;
 }
-interface UserExperience {
+type UserExperience = Record<string, any>;
+interface CoreUserExperience extends UserExperience {
 	navbarVariant: NavbarVariant;
 	navbarSettings: NavbarSettings;
 	showWelcomeMessage: boolean;
 }
-type AlertCategory = "negative" | "neutral" | "positive";
-type TransitionDuration = "short" | "medium" | "long";
-type RemoraidBreakpoint = "buttonCollapse" | "badgeGroupCollapse";
-type RemoraidIconSize = "tiny" | "medium";
+type UserExperienceProviderProps<T extends UserExperience> = {
+	initialValue?: Partial<T>
+	cookieName?: string
+};
+interface UserExperienceContext<T extends UserExperience> {
+	userExperience: T;
+	updateUserExperience: (p: T | ((prev: T) => T)) => void;
+	processedCookie: boolean;
+	initialUserExperience: T;
+}
+declare enum AlertCategory {
+	Negative = "negative",
+	Neutral = "neutral",
+	Positive = "positive"
+}
+declare enum TransitionDuration {
+	Short = "short",
+	Medium = "medium",
+	Long = "long"
+}
+declare enum RemoraidBreakpoint {
+	ButtonCollapse = "buttonCollapse",
+	BadgeGroupCollapse = "badgeGroupCollapse"
+}
+declare enum RemoraidIconSize {
+	Tiny = "tiny",
+	Medium = "medium"
+}
 interface RemoraidTheme {
-	complete: true;
 	transitionDurations: Record<TransitionDuration, number>;
 	breakpoints: Record<RemoraidBreakpoint, MantineBreakpoint>;
 	scrollAreaProps: ScrollAreaProps;
@@ -33,17 +70,14 @@ 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 NavbarLink {
-	icon: Icon;
-	label: string;
-	href: string;
+interface RemoraidThemeDependencies {
+	mantineTheme: MantineTheme;
+	colorScheme: MantineColorScheme;
 }
+type RemoraidThemeCallback = (dependencies: Partial<RemoraidThemeDependencies>) => Partial<RemoraidTheme>;
+type AppShellLogo = (props: Omit<ImageProps, "src" | "alt">) => ReactNode;
 interface NavbarProps {
-	links: NavbarLink[];
-	settings?: NavbarSettings;
+	settings?: Partial<NavbarSettings>;
 	variant?: NavbarVariant;
 	linkIndicator?: (isHovering: boolean) => IndicatorProps;
 	logoIndicator?: (isHovering: boolean) => IndicatorProps;
@@ -60,17 +94,16 @@ interface PageConfiguration {
 	name: string;
 	registerPageDirectly?: boolean;
 }
-declare const defaultNavbarSettings: { [V in NavbarVariant] : NavbarSettings };
-declare const defaultUserExperience: UserExperience;
-interface UserExperienceContext {
-	userExperience: UserExperience;
-	updateUserExperience: (p: UserExperience | ((prev: UserExperience) => UserExperience)) => void;
-	processedCookie: boolean;
+interface SettingsTableOptions {
+	leftColumnWidth: string | number;
+}
+interface SettingsWidgetContext {
+	unsavedChanges?: boolean;
+	custom?: boolean;
 }
-declare const userExperienceCookieName = "remoraid-user-experience";
-declare const useRemoraidUserExperience: () => UserExperienceContext;
-interface UserExperienceProviderProps {
-	initialValue?: Partial<UserExperience>;
+interface HydrationStatus {
+	hasHydrated: boolean;
+	ensureHydration: <T>(v: T) => T | undefined;
 }
 interface WidgetsContext {
 	widgets: {
@@ -93,50 +126,82 @@ 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;
 interface RemoraidProviderProps {
-	theme?: RemoraidTheme | RemoraidThemeCallback | PartialRemoraidTheme;
-	initialUserExperience?: Partial<UserExperience>;
+	theme?: ThemeProviderProps["theme"];
+	initialUserExperience?: UserExperienceProviderProps<CoreUserExperience>["initialValue"];
 	componentsProps?: {
-		ThemeProvider?: ThemeProviderProps
-		UserExperienceProvider?: UserExperienceProviderProps
-		WidgetsProvider?: WidgetsProviderProps
-		CookiesProvider?: ReactCookieProps
+		ThemeProvider?: Partial<ThemeProviderProps>
+		CoreUserExperienceProvider?: Partial<UserExperienceProviderProps<CoreUserExperience>>
+		WidgetsProvider?: Partial<WidgetsProviderProps>
+		CookiesProvider?: Partial<ReactCookieProps>
+		HydrationStatusProviderProps?: Partial<HydrationStatusProviderProps>
 	};
 }
 declare function RemoraidProvider({ children, theme, initialUserExperience, componentsProps }: PropsWithChildren4<RemoraidProviderProps>): ReactNode5;
 import { PropsWithChildren as PropsWithChildren5, ReactNode as ReactNode6 } from "react";
 interface AppShellProps {
 	logo: AppShellLogo;
-	navbar: NavbarProps;
-	user?: {
-		name: string
-	} | null;
+	navigablePages: RemoraidAppContext["navigablePages"];
+	navbar?: NavbarProps;
+	user?: RemoraidUser;
+}
+declare function AppShell({ children, logo, navbar, user, navigablePages }: PropsWithChildren5<AppShellProps>): ReactNode6;
+import { PropsWithChildren as PropsWithChildren6, ReactNode as ReactNode7 } from "react";
+declare const defaultAppContext: RemoraidAppContext;
+declare const useRemoraidApp: () => RemoraidAppContext;
+interface AppProviderProps {
+	navigablePages: RemoraidAppContext["navigablePages"];
+	user?: RemoraidUser;
 }
-declare function AppShell({ children, logo, navbar, user }: PropsWithChildren5<AppShellProps>): ReactNode6;
+declare function AppProvider({ children, navigablePages, user }: PropsWithChildren6<AppProviderProps>): ReactNode7;
+import { Context, PropsWithChildren as PropsWithChildren7, ReactNode as ReactNode8 } from "react";
+declare const createUserExperienceContext: <T extends UserExperience>(defaultUserExperience: T) => Context<UserExperienceContext<T>>;
+interface UserExperienceProviderWrapperProps<T extends UserExperience> {
+	context: Context<UserExperienceContext<T>>;
+	cookieName: string;
+	defaultUserExperience: T;
+	isValidUserExperience: (x: unknown) => x is T;
+	initialValue?: Partial<T>;
+}
+declare function UserExperienceProviderWrapper<T extends UserExperience>({ children, context, cookieName, defaultUserExperience, isValidUserExperience, initialValue }: PropsWithChildren7<UserExperienceProviderWrapperProps<T>>): ReactNode8;
+declare const defaultNavbarSettings: Record<NavbarVariant, NavbarSettings>;
+declare 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 ReactNode7 } from "react";
+import { ReactNode as ReactNode10 } from "react";
 interface WidgetSelectionHeaderProps {
 	title?: string;
 	disabledWidgets?: string[];
 	mt?: MantineSize2 | number;
 }
-declare function WidgetSelectionHeader({ title, disabledWidgets, mt }: WidgetSelectionHeaderProps): ReactNode7;
-import { ReactNode as ReactNode8 } from "react";
+declare function WidgetSelectionHeader({ title, disabledWidgets, mt }: WidgetSelectionHeaderProps): ReactNode10;
+import { ReactNode as ReactNode11 } from "react";
 interface CloseButtonProps {
 	widgetId: string;
 }
-declare function CloseButton({ widgetId }: CloseButtonProps): ReactNode8;
+declare function CloseButton2({ widgetId }: CloseButtonProps): ReactNode11;
 import { BadgeProps as BadgeProps2, MantineBreakpoint as MantineBreakpoint2, MantineSize as MantineSize3, TooltipProps as TooltipProps2 } from "@mantine/core";
-import { ReactNode as ReactNode10 } from "react";
+import { ReactNode as ReactNode13 } from "react";
 import { BadgeProps, TooltipProps, TransitionProps } from "@mantine/core";
-import { ReactNode as ReactNode9 } from "react";
+import { ReactNode as ReactNode12 } from "react";
 interface BadgeMinimalProps {
 	label: string;
 	tooltip?: string;
@@ -147,9 +212,9 @@ interface BadgeMinimalProps {
 		tooltip?: TooltipProps
 	};
 }
-declare function BadgeMinimal(props: BadgeMinimalProps): ReactNode9;
+declare function BadgeMinimal(props: BadgeMinimalProps): ReactNode12;
 interface BadgeGroupProps {
-	badges: (BadgeMinimalProps | ReactNode10)[];
+	badges: (BadgeMinimalProps | ReactNode13)[];
 	gap?: MantineSize3 | number;
 	breakpoint?: MantineBreakpoint2;
 	componentsProps?: {
@@ -157,9 +222,9 @@ interface BadgeGroupProps {
 		cumulativeBadge?: Partial<Omit<BadgeProps2, "hiddenFrom" | "circle">>
 	};
 }
-declare function BadgeGroup({ badges, gap, breakpoint, componentsProps }: BadgeGroupProps): ReactNode10;
+declare function BadgeGroup({ badges, gap, breakpoint, componentsProps }: BadgeGroupProps): ReactNode13;
 import { AlertProps as AlertProps2, MantineSize as MantineSize4, TransitionProps as TransitionProps2 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren6, ReactNode as ReactNode11 } from "react";
+import { PropsWithChildren as PropsWithChildren9, ReactNode as ReactNode14 } from "react";
 interface AlertMinimalProps {
 	category: AlertCategory;
 	title?: string;
@@ -173,14 +238,19 @@ interface AlertMinimalProps {
 		transition?: Omit<TransitionProps2, "mounted">
 	};
 }
-declare function AlertMinimal({ children, title, category, text, onClose, mounted, mt, mb, componentsProps }: PropsWithChildren6<AlertMinimalProps>): ReactNode11;
+declare function AlertMinimal({ children, title, category, text, onClose, mounted, mt, mb, componentsProps }: PropsWithChildren9<AlertMinimalProps>): ReactNode14;
 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 ReactNode12 } from "react";
+import { ReactNode as ReactNode15 } from "react";
+import { ReactElement } from "react";
 type Common<
 	A,
 	B
 > = Pick<A & B, keyof A & keyof B>;
+type OnlyChildrenOf<
+	T extends (...args: any) => any,
+	P = any
+> = ReactElement<P, T> | ReactElement<P, T>[];
 interface RemoraidButtonProps {
 	label: string;
 	responsive?: boolean;
@@ -195,14 +265,14 @@ interface RemoraidButtonProps {
 	componentsProps?: {
 		tooltip?: Partial<TooltipProps3>
 		icon?: Partial<IconProps2>
-		button: Omit<Partial<Common<ButtonProps, ActionIconProps>>, "variant" | "onClick" | "size" | "color" | "loading">
+		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): ReactNode12;
+declare function RemoraidButton({ label, responsive, breakpoint, collapsed, size, color, onClick, loading, variant, componentsProps,...props }: RemoraidButtonProps): ReactNode15;
 import { MantineSize as MantineSize6, PaperProps, TransitionProps as TransitionProps3 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren7, ReactNode as ReactNode13 } from "react";
+import { PropsWithChildren as PropsWithChildren10, ReactNode as ReactNode16 } from "react";
 interface WidgetWrapperComponentsProps {
 	container?: Partial<PaperProps>;
 	transition?: Partial<Omit<TransitionProps3, "mounted">>;
@@ -213,9 +283,13 @@ interface WidgetWrapperProps {
 	withCloseButton?: boolean;
 	componentsProps?: WidgetWrapperComponentsProps;
 }
-declare function WidgetWrapper({ children, config, mt, withCloseButton, componentsProps }: PropsWithChildren7<WidgetWrapperProps>): ReactNode13;
+declare function WidgetWrapper({ children, config, mt, withCloseButton, componentsProps }: PropsWithChildren10<WidgetWrapperProps>): ReactNode16;
+interface WidgetWrapper extends React.FC<PropsWithChildren10<WidgetWrapperProps>> {
+	CloseButton: typeof CloseButton2;
+}
+declare const _default: WidgetWrapper;
 import { MantineSize as MantineSize7, LoaderProps } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren8, ReactNode as ReactNode14 } from "react";
+import { PropsWithChildren as PropsWithChildren11, ReactNode as ReactNode17 } from "react";
 interface WidgetComponentsProps extends WidgetWrapperComponentsProps {
 	wrapper?: Partial<Omit<WidgetWrapperProps, "widgetId">>;
 	loader?: Partial<LoaderProps>;
@@ -225,9 +299,9 @@ interface WidgetProps {
 	id: string;
 	title: string;
 	config?: Partial<Omit<WidgetConfiguration, "widgetId">>;
-	badges?: (BadgeMinimalProps | ReactNode14)[];
-	buttons?: (RemoraidButtonProps | ReactNode14)[];
-	alerts?: (AlertMinimalProps | ReactNode14)[];
+	badges?: (BadgeMinimalProps | ReactNode17)[];
+	buttons?: (RemoraidButtonProps | ReactNode17)[];
+	alerts?: (AlertMinimalProps | ReactNode17)[];
 	gaps?: MantineSize7 | number | {
 		badges?: MantineSize7 | number
 		buttons?: MantineSize7 | number
@@ -237,9 +311,10 @@ interface WidgetProps {
 	mt?: MantineSize7 | number;
 	componentsProps?: WidgetComponentsProps;
 }
-declare function Widget({ children, id, config, title, badges, buttons, alerts, gaps, loading, mt, componentsProps }: PropsWithChildren8<WidgetProps>): ReactNode14;
+declare function Widget({ children, id, config, title, badges, buttons, alerts, gaps, loading, mt, componentsProps }: PropsWithChildren11<WidgetProps>): ReactNode17;
 import { ContainerProps, MantineSize as MantineSize8 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren9, ReactNode as ReactNode15 } from "react";
+import { PropsWithChildren as PropsWithChildren12, ReactNode as ReactNode18 } from "react";
+declare const usePage: () => PageConfiguration | null;
 interface PageProps {
 	name?: string;
 	config?: Partial<Omit<PageConfiguration, "name">>;
@@ -248,27 +323,26 @@ interface PageProps {
 		container?: ContainerProps
 	};
 }
-declare function Page({ children, name, config, pt, componentsProps }: PropsWithChildren9<PageProps>): ReactNode15;
+declare function Page({ children, name, config, pt, componentsProps }: PropsWithChildren12<PageProps>): ReactNode18;
 import { ContainerProps as ContainerProps2, MantineSize as MantineSize9 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren10, ReactNode as ReactNode16 } from "react";
+import { PropsWithChildren as PropsWithChildren13, ReactNode as ReactNode19 } from "react";
 interface PageContainerProps {
 	pt?: MantineSize9 | number;
 	componentsProps?: {
 		container?: ContainerProps2
 	};
 }
-declare function PageContainer({ children, pt, componentsProps }: PropsWithChildren10<PageContainerProps>): ReactNode16;
-import { PropsWithChildren as PropsWithChildren11, ReactNode as ReactNode17 } from "react";
-import { PageProps as PageProps2 } from "..";
+declare function PageContainer({ children, pt, componentsProps }: PropsWithChildren13<PageContainerProps>): ReactNode19;
+import { PropsWithChildren as PropsWithChildren14, ReactNode as ReactNode20 } from "react";
 interface NotFoundPageProps {
 	message?: string;
 	componentsProps?: {
-		page?: PageProps2
+		page?: PageProps
 	};
 }
-declare function NotFoundPage({ children, message, componentsProps }: PropsWithChildren11<NotFoundPageProps>): ReactNode17;
+declare function NotFoundPage({ children, message, componentsProps }: PropsWithChildren14<NotFoundPageProps>): ReactNode20;
 import { ContainerProps as ContainerProps3, MantineSize as MantineSize10 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren12, ReactNode as ReactNode18 } from "react";
+import { PropsWithChildren as PropsWithChildren15, ReactNode as ReactNode21 } from "react";
 interface EnvironmentShellProps {
 	environment: Record<string, string | undefined>;
 	message?: string;
@@ -279,5 +353,73 @@ interface EnvironmentShellProps {
 		container?: ContainerProps3
 	};
 }
-declare function EnvironmentShell({ children, environment, message, m, mt, withContainer, componentsProps }: PropsWithChildren12<EnvironmentShellProps>): ReactNode18;
-export { userExperienceCookieName, useWidgets, useRemoraidUserExperience, useRemoraidTheme, defaultUserExperience, defaultNavbarSettings, createRemoraidTheme, WidgetsProviderProps, WidgetWrapperProps, WidgetWrapper, WidgetSelectionHeaderProps, WidgetSelectionHeader, WidgetProps, WidgetConfiguration, Widget, UserExperienceProviderProps, UserExperience, TransitionDuration, ThemeProviderProps, RemoraidThemeCallback, RemoraidTheme, RemoraidProviderProps, RemoraidProvider, RemoraidIconSize, RemoraidButtonProps, RemoraidButton, RemoraidBreakpoint, PartialRemoraidTheme, PageProps, PageContainerProps, PageContainer, PageConfiguration, Page, NotFoundPageProps, NotFoundPage, NavbarVariant, NavbarSettings, NavbarProps, NavbarLink, EnvironmentShellProps, EnvironmentShell, CloseButtonProps, CloseButton, BadgeMinimalProps, BadgeMinimal, BadgeGroupProps, BadgeGroup, AppShellProps, AppShellLogo, AppShell, AlertMinimalProps, AlertMinimal, AlertCategory };
+declare function EnvironmentShell({ children, environment, message, m, mt, withContainer, componentsProps }: PropsWithChildren15<EnvironmentShellProps>): ReactNode21;
+import { PropsWithChildren as PropsWithChildren16, ReactNode as ReactNode23 } from "react";
+import { ReactNode as ReactNode22 } from "react";
+import { GroupProps } from "@mantine/core";
+interface SettingsWidgetSaveButtonProps {
+	onSaveChanges: () => void;
+	insideContainer?: boolean;
+	componentsProps?: {
+		container?: Partial<GroupProps>
+		button?: Partial<RemoraidButtonProps>
+	};
+}
+declare function SaveButton2({ onSaveChanges, insideContainer, componentsProps }: SettingsWidgetSaveButtonProps): ReactNode22;
+declare const defaultSettingsWidgetContext: {};
+declare const useSettingsWidgetContext: () => SettingsWidgetContext;
+interface SettingsWidgetProps {
+	onRestoreDefaultValues?: () => void;
+	unsavedChanges?: boolean;
+	custom?: boolean;
+	widgetProps?: Partial<WidgetProps>;
+}
+declare function SettingsWidget({ children, onRestoreDefaultValues, unsavedChanges, custom, widgetProps }: PropsWithChildren16<SettingsWidgetProps>): ReactNode23;
+interface SettingsWidget extends React.FC<PropsWithChildren16<SettingsWidgetProps>> {
+	SaveButton: typeof SaveButton2;
+}
+declare const _default2: SettingsWidget;
+import { ReactNode as ReactNode25 } from "react";
+import { PropsWithChildren as PropsWithChildren17, ReactNode as ReactNode24 } from "react";
+interface SettingsTableRowProps {
+	label: string;
+}
+declare function Row2({ children, label }: PropsWithChildren17<SettingsTableRowProps>): ReactNode24;
+declare const defaultSettingsTableOptions: {
+	leftColumnWidth: string
+};
+declare const useSettingsTableOptions: () => SettingsTableOptions;
+interface SettingsTableProps {
+	children: OnlyChildrenOf<typeof Row2, SettingsTableRowProps>;
+	leftColumnWidth?: string | number;
+}
+declare function SettingsTable({ children, leftColumnWidth }: SettingsTableProps): ReactNode25;
+interface SettingsTable extends React.FC<SettingsTableProps> {
+	Row: typeof Row2;
+}
+declare const _default3: SettingsTable;
+import { ReactElement as ReactElement2, ReactNode as ReactNode26 } from "react";
+declare const defaultNavbarSettingsWidgetId = "navbar-settings";
+interface NavbarSettingsWidgetProps {
+	additionalRows?: ReactElement2<SettingsTableRowProps, typeof _default3.Row>[];
+	widgetProps?: Partial<WidgetProps>;
+	componentsProps?: {
+		table: Partial<Omit<SettingsTableProps, "children">>
+	};
+}
+declare function NavbarSettingsWidget({ additionalRows, widgetProps, componentsProps }: NavbarSettingsWidgetProps): ReactNode26;
+import { Chip, ChipGroupProps, ChipProps, FlexProps, MantineSize as MantineSize11, ScrollAreaProps as ScrollAreaProps2 } from "@mantine/core";
+import { ReactNode as ReactNode27 } from "react";
+interface ScrollbleChipGroupProps {
+	value: string[];
+	onChange?: (value: string[]) => void;
+	gap?: MantineSize11 | number;
+	componentsProps?: {
+		chipGroup?: Partial<ChipGroupProps<true>>
+		scrollArea?: Partial<ScrollAreaProps2>
+		container?: Partial<FlexProps>
+	};
+	children?: OnlyChildrenOf<typeof Chip, ChipProps>;
+}
+declare function ScrollableChipGroup({ value, onChange, gap, componentsProps, children }: ScrollbleChipGroupProps): ReactNode27;
+export { useWidgets, useSettingsWidgetContext as useSettingsWidgetOptions, useSettingsTableOptions, useRemoraidUserExperience, useRemoraidTheme, useRemoraidApp, usePage, useHydrationStatus, useHydratedMantineColorScheme, defaultUserExperienceCookieName, defaultUserExperience, defaultSettingsWidgetContext as defaultSettingsWidgetOptions, defaultSettingsTableOptions, defaultNavbarSettingsWidgetId, defaultNavbarSettings, defaultAppContext, createUserExperienceContext, createRemoraidTheme, WidgetsProviderProps, WidgetWrapperProps, _default as WidgetWrapper, WidgetSelectionHeaderProps, WidgetSelectionHeader, WidgetProps, WidgetConfiguration, Widget, UserExperienceProviderWrapperProps, UserExperienceProviderWrapper, UserExperienceProviderProps, UserExperienceContext, UserExperience, TransitionDuration, ThemeProviderProps, SettingsWidgetSaveButtonProps, SettingsWidgetProps, SettingsWidgetContext, _default2 as SettingsWidget, SettingsTableRowProps, SettingsTableOptions, _default3 as SettingsTable, ScrollbleChipGroupProps, ScrollableChipGroup, RemoraidUser, RemoraidThemeDependencies, RemoraidThemeCallback, RemoraidTheme, RemoraidProviderProps, RemoraidProvider, RemoraidIconSize, RemoraidButtonProps, RemoraidButton, RemoraidBreakpoint, RemoraidAppContext, PageProps, PageContainerProps, PageContainer, PageConfiguration, Page, NotFoundPageProps, NotFoundPage, NavbarVariant, NavbarSettingsWidgetProps, NavbarSettingsWidget, NavbarSettings, NavbarProps, HydrationStatusProviderProps, HydrationStatusProvider, HydrationStatus, EnvironmentShellProps, EnvironmentShell, CoreUserExperience, CloseButtonProps, BadgeMinimalProps, BadgeMinimal, BadgeGroupProps, BadgeGroup, AppShellProps, AppShellLogo, AppShell, AppProvider, AlertMinimalProps, AlertMinimal, AlertCategory };