remoraid 2.5.6 → 2.7.2

package/dist/core/index.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren as PropsWithChildren3, ReactNode as ReactNode4 } from "react";
+import { PropsWithChildren as PropsWithChildren4, ReactNode as ReactNode5 } from "react";
 import { AlertProps, IndicatorProps, MantineBreakpoint, MantineColorScheme, MantineSize, MantineTheme, ScrollAreaProps } from "@mantine/core";
 import { Icon, IconProps } from "@tabler/icons-react";
 import { ImageProps } from "next/image";
@@ -59,7 +59,6 @@ declare enum RemoraidIconSize {
 	Medium = "medium"
 }
 interface RemoraidTheme {
-	complete: true;
 	transitionDurations: Record<TransitionDuration, number>;
 	breakpoints: Record<RemoraidBreakpoint, MantineBreakpoint>;
 	scrollAreaProps: ScrollAreaProps;
@@ -71,8 +70,11 @@ interface RemoraidTheme {
 	primaryColor?: string;
 	spacingPx?: Record<MantineSize, number>;
 }
-type RemoraidThemeCallback = (mantineTheme: MantineTheme, colorScheme: MantineColorScheme) => RemoraidTheme;
-type PartialRemoraidTheme = Omit<Partial<RemoraidTheme>, "complete">;
+interface RemoraidThemeDependencies {
+	mantineTheme: MantineTheme;
+	colorScheme: MantineColorScheme;
+}
+type RemoraidThemeCallback = (dependencies: Partial<RemoraidThemeDependencies>) => Partial<RemoraidTheme>;
 type AppShellLogo = (props: Omit<ImageProps, "src" | "alt">) => ReactNode;
 interface NavbarProps {
 	settings?: Partial<NavbarSettings>;
@@ -99,6 +101,10 @@ interface SettingsWidgetContext {
 	unsavedChanges?: boolean;
 	custom?: boolean;
 }
+interface HydrationStatus {
+	hasHydrated: boolean;
+	ensureHydration: <T>(v: T) => T | undefined;
+}
 interface WidgetsContext {
 	widgets: {
 		[index: string]: {
@@ -120,41 +126,52 @@ 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<CoreUserExperience>;
+	theme?: ThemeProviderProps["theme"];
+	initialUserExperience?: UserExperienceProviderProps<CoreUserExperience>["initialValue"];
 	componentsProps?: {
-		ThemeProvider?: ThemeProviderProps
-		CoreUserExperienceProvider?: UserExperienceProviderProps<CoreUserExperience>
-		WidgetsProvider?: WidgetsProviderProps
-		CookiesProvider?: ReactCookieProps
+		ThemeProvider?: Partial<ThemeProviderProps>
+		CoreUserExperienceProvider?: Partial<UserExperienceProviderProps<CoreUserExperience>>
+		WidgetsProvider?: Partial<WidgetsProviderProps>
+		CookiesProvider?: Partial<ReactCookieProps>
+		HydrationStatusProviderProps?: Partial<HydrationStatusProviderProps>
 	};
 }
-declare function RemoraidProvider({ children, theme, initialUserExperience, componentsProps }: PropsWithChildren3<RemoraidProviderProps>): ReactNode4;
-import { PropsWithChildren as PropsWithChildren4, ReactNode as ReactNode5 } from "react";
+declare function RemoraidProvider({ children, theme, initialUserExperience, componentsProps }: PropsWithChildren4<RemoraidProviderProps>): ReactNode5;
+import { PropsWithChildren as PropsWithChildren5, ReactNode as ReactNode6 } from "react";
 interface AppShellProps {
 	logo: AppShellLogo;
 	navigablePages: RemoraidAppContext["navigablePages"];
-	navbar: NavbarProps;
+	navbar?: NavbarProps;
 	user?: RemoraidUser;
 }
-declare function AppShell({ children, logo, navbar, user, navigablePages }: PropsWithChildren4<AppShellProps>): ReactNode5;
-import { PropsWithChildren as PropsWithChildren5, ReactNode as ReactNode6 } from "react";
+declare function AppShell({ children, logo, navbar, user, navigablePages }: PropsWithChildren5<AppShellProps>): ReactNode6;
+import { PropsWithChildren as PropsWithChildren6, ReactNode as ReactNode7 } from "react";
 declare const defaultAppContext: RemoraidAppContext;
 declare const useRemoraidApp: () => RemoraidAppContext;
 interface AppProviderProps {
 	navigablePages: RemoraidAppContext["navigablePages"];
 	user?: RemoraidUser;
 }
-declare function AppProvider({ children, navigablePages, user }: PropsWithChildren5<AppProviderProps>): ReactNode6;
-import { Context, PropsWithChildren as PropsWithChildren6, ReactNode as ReactNode7 } from "react";
+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>>;
@@ -163,28 +180,28 @@ interface UserExperienceProviderWrapperProps<T extends UserExperience> {
 	isValidUserExperience: (x: unknown) => x is T;
 	initialValue?: Partial<T>;
 }
-declare function UserExperienceProviderWrapper<T extends UserExperience>({ children, context, cookieName, defaultUserExperience, isValidUserExperience, initialValue }: PropsWithChildren6<UserExperienceProviderWrapperProps<T>>): ReactNode7;
+declare 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 ReactNode9 } from "react";
+import { ReactNode as ReactNode10 } from "react";
 interface WidgetSelectionHeaderProps {
 	title?: string;
 	disabledWidgets?: string[];
 	mt?: MantineSize2 | number;
 }
-declare function WidgetSelectionHeader({ title, disabledWidgets, mt }: WidgetSelectionHeaderProps): ReactNode9;
-import { ReactNode as ReactNode10 } from "react";
+declare function WidgetSelectionHeader({ title, disabledWidgets, mt }: WidgetSelectionHeaderProps): ReactNode10;
+import { ReactNode as ReactNode11 } from "react";
 interface CloseButtonProps {
 	widgetId: string;
 }
-declare function CloseButton2({ widgetId }: CloseButtonProps): ReactNode10;
+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 ReactNode12 } from "react";
+import { ReactNode as ReactNode13 } from "react";
 import { BadgeProps, TooltipProps, TransitionProps } from "@mantine/core";
-import { ReactNode as ReactNode11 } from "react";
+import { ReactNode as ReactNode12 } from "react";
 interface BadgeMinimalProps {
 	label: string;
 	tooltip?: string;
@@ -195,9 +212,9 @@ interface BadgeMinimalProps {
 		tooltip?: TooltipProps
 	};
 }
-declare function BadgeMinimal(props: BadgeMinimalProps): ReactNode11;
+declare function BadgeMinimal(props: BadgeMinimalProps): ReactNode12;
 interface BadgeGroupProps {
-	badges: (BadgeMinimalProps | ReactNode12)[];
+	badges: (BadgeMinimalProps | ReactNode13)[];
 	gap?: MantineSize3 | number;
 	breakpoint?: MantineBreakpoint2;
 	componentsProps?: {
@@ -205,9 +222,9 @@ interface BadgeGroupProps {
 		cumulativeBadge?: Partial<Omit<BadgeProps2, "hiddenFrom" | "circle">>
 	};
 }
-declare function BadgeGroup({ badges, gap, breakpoint, componentsProps }: BadgeGroupProps): ReactNode12;
+declare function BadgeGroup({ badges, gap, breakpoint, componentsProps }: BadgeGroupProps): ReactNode13;
 import { AlertProps as AlertProps2, MantineSize as MantineSize4, TransitionProps as TransitionProps2 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren8, ReactNode as ReactNode13 } from "react";
+import { PropsWithChildren as PropsWithChildren9, ReactNode as ReactNode14 } from "react";
 interface AlertMinimalProps {
 	category: AlertCategory;
 	title?: string;
@@ -221,10 +238,10 @@ interface AlertMinimalProps {
 		transition?: Omit<TransitionProps2, "mounted">
 	};
 }
-declare function AlertMinimal({ children, title, category, text, onClose, mounted, mt, mb, componentsProps }: PropsWithChildren8<AlertMinimalProps>): ReactNode13;
+declare function AlertMinimal({ children, title, category, text, onClose, mounted, mt, mb, componentsProps }: 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 ReactNode14 } from "react";
+import { ReactNode as ReactNode15 } from "react";
 import { ReactElement } from "react";
 type Common<
 	A,
@@ -248,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): ReactNode14;
+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 PropsWithChildren9, ReactNode as ReactNode15 } from "react";
+import { PropsWithChildren as PropsWithChildren10, ReactNode as ReactNode16 } from "react";
 interface WidgetWrapperComponentsProps {
 	container?: Partial<PaperProps>;
 	transition?: Partial<Omit<TransitionProps3, "mounted">>;
@@ -266,13 +283,13 @@ interface WidgetWrapperProps {
 	withCloseButton?: boolean;
 	componentsProps?: WidgetWrapperComponentsProps;
 }
-declare function WidgetWrapper({ children, config, mt, withCloseButton, componentsProps }: PropsWithChildren9<WidgetWrapperProps>): ReactNode15;
-interface WidgetWrapper extends React.FC<PropsWithChildren9<WidgetWrapperProps>> {
+declare function WidgetWrapper({ children, config, mt, withCloseButton, componentsProps }: 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 PropsWithChildren10, ReactNode as ReactNode16 } from "react";
+import { PropsWithChildren as PropsWithChildren11, ReactNode as ReactNode17 } from "react";
 interface WidgetComponentsProps extends WidgetWrapperComponentsProps {
 	wrapper?: Partial<Omit<WidgetWrapperProps, "widgetId">>;
 	loader?: Partial<LoaderProps>;
@@ -282,9 +299,9 @@ interface WidgetProps {
 	id: string;
 	title: string;
 	config?: Partial<Omit<WidgetConfiguration, "widgetId">>;
-	badges?: (BadgeMinimalProps | ReactNode16)[];
-	buttons?: (RemoraidButtonProps | ReactNode16)[];
-	alerts?: (AlertMinimalProps | ReactNode16)[];
+	badges?: (BadgeMinimalProps | ReactNode17)[];
+	buttons?: (RemoraidButtonProps | ReactNode17)[];
+	alerts?: (AlertMinimalProps | ReactNode17)[];
 	gaps?: MantineSize7 | number | {
 		badges?: MantineSize7 | number
 		buttons?: MantineSize7 | number
@@ -294,9 +311,10 @@ interface WidgetProps {
 	mt?: MantineSize7 | number;
 	componentsProps?: WidgetComponentsProps;
 }
-declare function Widget({ children, id, config, title, badges, buttons, alerts, gaps, loading, mt, componentsProps }: PropsWithChildren10<WidgetProps>): ReactNode16;
+declare function Widget({ children, id, config, title, badges, buttons, alerts, gaps, loading, mt, componentsProps }: PropsWithChildren11<WidgetProps>): ReactNode17;
 import { ContainerProps, MantineSize as MantineSize8 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren11, ReactNode as ReactNode17 } 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">>;
@@ -305,26 +323,26 @@ interface PageProps {
 		container?: ContainerProps
 	};
 }
-declare function Page({ children, name, config, pt, componentsProps }: PropsWithChildren11<PageProps>): ReactNode17;
+declare function Page({ children, name, config, pt, componentsProps }: PropsWithChildren12<PageProps>): ReactNode18;
 import { ContainerProps as ContainerProps2, MantineSize as MantineSize9 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren12, ReactNode as ReactNode18 } 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 }: PropsWithChildren12<PageContainerProps>): ReactNode18;
-import { PropsWithChildren as PropsWithChildren13, ReactNode as ReactNode19 } from "react";
+declare function PageContainer({ children, pt, componentsProps }: PropsWithChildren13<PageContainerProps>): ReactNode19;
+import { PropsWithChildren as PropsWithChildren14, ReactNode as ReactNode20 } from "react";
 interface NotFoundPageProps {
 	message?: string;
 	componentsProps?: {
 		page?: PageProps
 	};
 }
-declare function NotFoundPage({ children, message, componentsProps }: PropsWithChildren13<NotFoundPageProps>): ReactNode19;
+declare function NotFoundPage({ children, message, componentsProps }: PropsWithChildren14<NotFoundPageProps>): ReactNode20;
 import { ContainerProps as ContainerProps3, MantineSize as MantineSize10 } from "@mantine/core";
-import { PropsWithChildren as PropsWithChildren14, ReactNode as ReactNode20 } from "react";
+import { PropsWithChildren as PropsWithChildren15, ReactNode as ReactNode21 } from "react";
 interface EnvironmentShellProps {
 	environment: Record<string, string | undefined>;
 	message?: string;
@@ -335,9 +353,9 @@ interface EnvironmentShellProps {
 		container?: ContainerProps3
 	};
 }
-declare function EnvironmentShell({ children, environment, message, m, mt, withContainer, componentsProps }: PropsWithChildren14<EnvironmentShellProps>): ReactNode20;
-import { PropsWithChildren as PropsWithChildren15, ReactNode as ReactNode22 } from "react";
-import { ReactNode as ReactNode21 } from "react";
+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;
@@ -347,7 +365,7 @@ interface SettingsWidgetSaveButtonProps {
 		button?: Partial<RemoraidButtonProps>
 	};
 }
-declare function SaveButton2({ onSaveChanges, insideContainer, componentsProps }: SettingsWidgetSaveButtonProps): ReactNode21;
+declare function SaveButton2({ onSaveChanges, insideContainer, componentsProps }: SettingsWidgetSaveButtonProps): ReactNode22;
 declare const defaultSettingsWidgetContext: {};
 declare const useSettingsWidgetContext: () => SettingsWidgetContext;
 interface SettingsWidgetProps {
@@ -356,17 +374,17 @@ interface SettingsWidgetProps {
 	custom?: boolean;
 	widgetProps?: Partial<WidgetProps>;
 }
-declare function SettingsWidget({ children, onRestoreDefaultValues, unsavedChanges, custom, widgetProps }: PropsWithChildren15<SettingsWidgetProps>): ReactNode22;
-interface SettingsWidget extends React.FC<PropsWithChildren15<SettingsWidgetProps>> {
+declare function SettingsWidget({ children, onRestoreDefaultValues, unsavedChanges, custom, widgetProps }: PropsWithChildren16<SettingsWidgetProps>): ReactNode23;
+interface SettingsWidget extends React.FC<PropsWithChildren16<SettingsWidgetProps>> {
 	SaveButton: typeof SaveButton2;
 }
 declare const _default2: SettingsWidget;
-import { ReactNode as ReactNode24 } from "react";
-import { PropsWithChildren as PropsWithChildren16, ReactNode as ReactNode23 } from "react";
+import { ReactNode as ReactNode25 } from "react";
+import { PropsWithChildren as PropsWithChildren17, ReactNode as ReactNode24 } from "react";
 interface SettingsTableRowProps {
 	label: string;
 }
-declare function Row2({ children, label }: PropsWithChildren16<SettingsTableRowProps>): ReactNode23;
+declare function Row2({ children, label }: PropsWithChildren17<SettingsTableRowProps>): ReactNode24;
 declare const defaultSettingsTableOptions: {
 	leftColumnWidth: string
 };
@@ -375,12 +393,12 @@ interface SettingsTableProps {
 	children: OnlyChildrenOf<typeof Row2, SettingsTableRowProps>;
 	leftColumnWidth?: string | number;
 }
-declare function SettingsTable({ children, leftColumnWidth }: SettingsTableProps): ReactNode24;
+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 ReactNode25 } from "react";
+import { ReactElement as ReactElement2, ReactNode as ReactNode26 } from "react";
 declare const defaultNavbarSettingsWidgetId = "navbar-settings";
 interface NavbarSettingsWidgetProps {
 	additionalRows?: ReactElement2<SettingsTableRowProps, typeof _default3.Row>[];
@@ -389,5 +407,19 @@ interface NavbarSettingsWidgetProps {
 		table: Partial<Omit<SettingsTableProps, "children">>
 	};
 }
-declare function NavbarSettingsWidget({ additionalRows, widgetProps, componentsProps }: NavbarSettingsWidgetProps): ReactNode25;
-export { useWidgets, useSettingsWidgetContext as useSettingsWidgetOptions, useSettingsTableOptions, useRemoraidUserExperience, useRemoraidTheme, useRemoraidApp, defaultUserExperienceCookieName, defaultUserExperience, defaultSettingsWidgetContext as defaultSettingsWidgetOptions, defaultSettingsTableOptions, defaultNavbarSettingsWidgetId, defaultNavbarSettings, defaultAppContext, createUserExperienceContext, createRemoraidTheme, WidgetsProviderProps, WidgetWrapperProps, _default as WidgetWrapper, WidgetSelectionHeaderProps, WidgetSelectionHeader, WidgetProps, WidgetConfiguration, Widget, UserExperienceProviderWrapperProps, UserExperienceProviderWrapper, UserExperienceProviderProps, UserExperienceContext, UserExperience, TransitionDuration, ThemeProviderProps, SettingsWidgetSaveButtonProps, SettingsWidgetProps, SettingsWidgetContext, _default2 as SettingsWidget, SettingsTableRowProps, SettingsTableOptions, _default3 as SettingsTable, RemoraidUser, RemoraidThemeCallback, RemoraidTheme, RemoraidProviderProps, RemoraidProvider, RemoraidIconSize, RemoraidButtonProps, RemoraidButton, RemoraidBreakpoint, RemoraidAppContext, PartialRemoraidTheme, PageProps, PageContainerProps, PageContainer, PageConfiguration, Page, NotFoundPageProps, NotFoundPage, NavbarVariant, NavbarSettingsWidgetProps, NavbarSettingsWidget, NavbarSettings, NavbarProps, EnvironmentShellProps, EnvironmentShell, CoreUserExperience, CloseButtonProps, BadgeMinimalProps, BadgeMinimal, BadgeGroupProps, BadgeGroup, AppShellProps, AppShellLogo, AppShell, AppProvider, AlertMinimalProps, AlertMinimal, AlertCategory };
+declare function NavbarSettingsWidget({ additionalRows, widgetProps, componentsProps }: NavbarSettingsWidgetProps): 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 };