@rific/auto-paper 0.2.0 → 0.4.0

package/dist/index.d.ts

@@ -1,17 +1,19 @@
 import * as react_native_paper_lib_typescript_utils_forwardRef from 'react-native-paper/lib/typescript/utils/forwardRef';
 import * as react_native from 'react-native';
-import { TextInput as TextInput$1, StatusBarProps, StyleProp, ViewStyle } from 'react-native';
+import { StyleProp, ViewStyle, TextInput as TextInput$1, StatusBarProps } from 'react-native';
+import * as react_native_paper from 'react-native-paper';
+import { AppbarHeaderProps, MD3Theme, BottomNavigationRoute, BottomNavigationProps, BottomNavigation as BottomNavigation$1, ButtonProps, ChipProps as ChipProps$1, DialogProps as DialogProps$1, DialogTitleProps, DialogContentProps, DialogActionsProps, DialogScrollAreaProps, FABProps, IconButtonProps as IconButtonProps$1, MenuProps as MenuProps$1, MenuItemProps, TextInputProps } from 'react-native-paper';
+export { AppbarHeaderProps, BottomNavigationProps, BottomNavigationRoute, ButtonProps, FABProps, ChipProps as PaperChipProps, DialogProps as PaperDialogProps, IconButtonProps as PaperIconButtonProps, MenuProps as PaperMenuProps, TextInputProps } from 'react-native-paper';
 import * as react from 'react';
 import react__default, { ReactNode } from 'react';
-import * as react_native_paper from 'react-native-paper';
-import { AppbarHeaderProps, BottomNavigationRoute, BottomNavigationProps, BottomNavigation as BottomNavigation$1, ButtonProps, ChipProps, FABProps, IconButtonProps, TextInputProps, MD3Theme } from 'react-native-paper';
-export { AppbarHeaderProps, BottomNavigationProps, BottomNavigationRoute, ButtonProps, ChipProps, FABProps, IconButtonProps, TextInputProps } from 'react-native-paper';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BlurViewProps as BlurViewProps$1 } from 'expo-blur';
 import * as _reduxjs_toolkit from '@reduxjs/toolkit';
 import { PayloadAction } from '@reduxjs/toolkit';
 import * as redux from 'redux';
 
-declare function Header({ style, ...props }: AppbarHeaderProps): react_jsx_runtime.JSX.Element;
+declare function useBlur(override?: boolean): boolean;
+
+declare function Header({ style, ...props }: AppbarHeaderProps): react.JSX.Element;
 declare const Appbar: {
     Header: typeof Header;
     Content: {
@@ -22,9 +24,34 @@ declare const Appbar: {
     BackAction: react_native_paper_lib_typescript_utils_forwardRef.ForwardRefComponent<react_native.View, react_native_paper.AppbarBackActionProps>;
 };
 
-declare function BottomNavigationComponent<Route extends BottomNavigationRoute>(props: BottomNavigationProps<Route>): react_jsx_runtime.JSX.Element;
+type ColorHarmony = 'triadic' | 'split-complementary' | 'analogous' | 'square' | 'complementary' | 'double-split';
+type TriadicPalette = {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+};
+declare function getTriadicPalette(primaryColor: string, harmony?: ColorHarmony): TriadicPalette;
+
+type ThemeAppearance = 'system' | 'light' | 'dark';
+declare function useComputedTheme(appearance: ThemeAppearance, color: string, harmony?: ColorHarmony): MD3Theme | null;
+
+type Props$2 = {
+    value: ThemeAppearance;
+    onChange: (appearance: ThemeAppearance) => void;
+};
+declare const AppearancePicker: ({ value, onChange }: Props$2) => react.JSX.Element;
+
+type BlurViewProps = BlurViewProps$1 & {
+    blur?: boolean;
+    children?: ReactNode;
+    elevation?: 0 | 1 | 2 | 3 | 4 | 5;
+    style?: StyleProp<ViewStyle>;
+};
+declare const BlurView: ({ blur, children, elevation, style, ...props }: BlurViewProps) => react.JSX.Element;
+
+declare function BottomNavigationComponent<Route extends BottomNavigationRoute>(props: BottomNavigationProps<Route>): react__default.JSX.Element;
 declare namespace BottomNavigationComponent {
-    var Bar: (props: BarProps) => react_jsx_runtime.JSX.Element;
+    var Bar: (props: BarProps) => react__default.JSX.Element;
     var SceneMap: <Route extends BottomNavigationRoute>(scenes: {
         [key: string]: react__default.ComponentType<{
             route: Route;
@@ -38,13 +65,58 @@ declare namespace BottomNavigationComponent {
 type BarProps = react__default.ComponentProps<typeof BottomNavigation$1.Bar>;
 declare const BottomNavigation: typeof BottomNavigationComponent;
 
-declare function Button(props: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button(props: ButtonProps): react.JSX.Element;
+
+type ChipProps = ChipProps$1 & {
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'surface';
+};
+declare function Chip({ variant, style, selectedColor, ...props }: ChipProps): react.JSX.Element;
+
+type SeedColor = {
+    label: string;
+    value: string;
+};
+declare const defaultColors: SeedColor[];
+type Props$1 = {
+    value: string;
+    onChange: (color: string) => void;
+    colors?: SeedColor[];
+    blur?: boolean;
+};
+declare const ColorPicker: ({ value, onChange, colors, blur: blurProp }: Props$1) => react.JSX.Element;
 
-declare function Chip(props: ChipProps): react_jsx_runtime.JSX.Element;
+type DialogProps = DialogProps$1 & {
+    blur?: boolean;
+};
+declare function DialogComponent({ blur: blurProp, visible, onDismiss, children, style, ...rest }: DialogProps): react__default.JSX.Element | null;
+declare namespace DialogComponent {
+    var Title: react__default.FC<DialogTitleProps>;
+    var Content: react__default.FC<DialogContentProps>;
+    var Actions: react__default.FC<DialogActionsProps>;
+    var ScrollArea: react__default.FC<DialogScrollAreaProps>;
+}
+declare const Dialog: typeof DialogComponent;
 
-declare function FAB(props: FABProps): react_jsx_runtime.JSX.Element;
+declare function FAB(props: FABProps): react.JSX.Element;
 
-declare function IconButton(props: IconButtonProps): react_jsx_runtime.JSX.Element;
+type Props = {
+    value: ColorHarmony;
+    onChange: (harmony: ColorHarmony) => void;
+    blur?: boolean;
+};
+declare const HarmonyPicker: ({ value, onChange, blur: blurProp }: Props) => react.JSX.Element;
+
+type IconButtonProps = IconButtonProps$1 & {
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'surface';
+};
+declare function IconButton({ variant, iconColor, containerColor, ...props }: IconButtonProps): react.JSX.Element;
+
+type MenuProps = MenuProps$1 & {
+    blur?: boolean;
+};
+declare const Menu: (({ blur: blurProp, children, ...props }: MenuProps) => react__default.JSX.Element) & {
+    Item: react__default.FC<MenuItemProps>;
+};
 
 declare const TextInput: react.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & react.RefAttributes<TextInput$1>>;
 
@@ -52,52 +124,90 @@ type PaperDefaults = {
     AppbarHeader?: Partial<AppbarHeaderProps>;
     BottomNavigation?: Partial<BottomNavigationProps<BottomNavigationRoute>>;
     Button?: Partial<ButtonProps>;
-    Chip?: Partial<ChipProps>;
+    Chip?: Partial<ChipProps$1>;
     FAB?: Partial<FABProps>;
-    IconButton?: Partial<IconButtonProps>;
+    IconButton?: Partial<IconButtonProps$1>;
     TextInput?: Partial<TextInputProps>;
 };
 declare function usePaperDefaults(): PaperDefaults;
 
-type ThemeAppearance = 'system' | 'light' | 'dark';
-declare function useComputedTheme(appearance: ThemeAppearance, color: string): MD3Theme | null;
-
 type ThemeState = {
     appearance: ThemeAppearance;
+    blur: boolean;
     color: string;
+    harmony: ColorHarmony;
 };
 declare function createThemeReducer(initialState?: Partial<ThemeState>): redux.Reducer<{
     appearance: ThemeAppearance;
+    blur: boolean;
     color: string;
+    harmony: ColorHarmony;
 }>;
 declare const themeActions: _reduxjs_toolkit.CaseReducerActions<{
     initialize: (state: ThemeState, action: PayloadAction<Partial<ThemeState>>) => {
         appearance: ThemeAppearance;
+        blur: boolean;
         color: string;
+        harmony: ColorHarmony;
     };
     setAppearance: (state: ThemeState, action: PayloadAction<ThemeAppearance>) => {
         appearance: ThemeAppearance;
+        blur: boolean;
         color: string;
+        harmony: ColorHarmony;
+    };
+    setBlur: (state: ThemeState, action: PayloadAction<boolean>) => {
+        blur: boolean;
+        appearance: ThemeAppearance;
+        color: string;
+        harmony: ColorHarmony;
     };
     setColor: (state: ThemeState, action: PayloadAction<string>) => {
         color: string;
         appearance: ThemeAppearance;
+        blur: boolean;
+        harmony: ColorHarmony;
+    };
+    setHarmony: (state: ThemeState, action: PayloadAction<ColorHarmony>) => {
+        harmony: ColorHarmony;
+        appearance: ThemeAppearance;
+        blur: boolean;
+        color: string;
     };
 }, "theme">;
 declare const themeReducer: redux.Reducer<ThemeState>;
 declare const selectThemeAppearance: (state: ThemeState) => ThemeAppearance;
+declare const selectThemeBlur: (state: ThemeState) => boolean;
 declare const selectThemeColor: (state: ThemeState) => string;
+declare const selectThemeHarmony: (state: ThemeState) => ColorHarmony;
 
-type ProviderProps = {
+type ThemeSettings = {
     appearance: ThemeAppearance;
+    blur: boolean;
+    blurTint: number;
     color: string;
+    harmony: ColorHarmony;
+};
+declare const defaultThemeSettings: ThemeSettings;
+type ThemeSettingsContextType = {
+    settings: ThemeSettings;
+    set: (patch: Partial<ThemeSettings>) => void;
+};
+declare const ThemeSettingsContext: react.Context<ThemeSettingsContextType>;
+
+type ProviderProps = {
+    initialValue?: Partial<ThemeSettings>;
+    onChange?: (settings: ThemeSettings) => void;
     children: ReactNode;
     defaults?: PaperDefaults;
+    onNavBarChange?: (color: string, dark: boolean) => void;
     onReady?: () => void;
     statusBarProps?: StatusBarProps;
     style?: StyleProp<ViewStyle>;
 };
-declare function Provider({ appearance, color, children, defaults, onReady, statusBarProps, style }: ProviderProps): react_jsx_runtime.JSX.Element | null;
+declare function Provider({ initialValue, onChange, children, defaults, onNavBarChange, onReady, statusBarProps, style }: ProviderProps): react.JSX.Element | null;
+
+declare const useThemeSettings: () => ThemeSettingsContextType;
 
 declare const getBlendedColor: (foreground: string, background: string, alpha: number) => string;
 
@@ -111,13 +221,6 @@ type RGB = {
 };
 declare const getRgb: (value: string) => RGB | null;
 
-type TriadicPalette = {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-};
-declare function getTriadicPalette(primaryColor: string): TriadicPalette;
-
 declare const isDarkColor: (value: string) => boolean;
 
-export { Appbar, BottomNavigation, Button, Chip, FAB, IconButton, type PaperDefaults, Provider, type ProviderProps, type RGB, TextInput, type ThemeAppearance, type ThemeState, type TriadicPalette, createThemeReducer, getBlendedColor, getHex, getRgb, getTriadicPalette, isDarkColor, selectThemeAppearance, selectThemeColor, themeActions, themeReducer, useComputedTheme, usePaperDefaults };
+export { Appbar, AppearancePicker, BlurView, type BlurViewProps, BottomNavigation, Button, Chip, type ChipProps, type ColorHarmony, ColorPicker, Dialog, type DialogProps, FAB, HarmonyPicker, IconButton, type IconButtonProps, Menu, type MenuProps, type PaperDefaults, Provider, type ProviderProps, type RGB, type SeedColor, TextInput, type ThemeAppearance, type ThemeSettings, ThemeSettingsContext, type ThemeSettingsContextType, type ThemeState, type TriadicPalette, createThemeReducer, defaultColors, defaultThemeSettings, getBlendedColor, getHex, getRgb, getTriadicPalette, isDarkColor, selectThemeAppearance, selectThemeBlur, selectThemeColor, selectThemeHarmony, themeActions, themeReducer, useBlur, useComputedTheme, usePaperDefaults, useThemeSettings };