@kiosinc/commons-rn 0.1.47 → 0.1.49

package/lib/typescript/src/components/OtpInputs.d.ts

@@ -1,12 +1,865 @@
-/// <reference types="react" />
-import { type TextInputProps } from 'react-native-paper';
-import { type SpacingProps, type BorderProps, type BackgroundColorProps, type SpacingShorthandProps, type LayoutProps, type PositionProps, type BackgroundColorShorthandProps } from '@shopify/restyle';
-import { type ThemeType } from '../theme';
-type RestyleProps = SpacingProps<ThemeType> & SpacingShorthandProps<ThemeType> & LayoutProps<ThemeType> & PositionProps<ThemeType> & BorderProps<ThemeType> & BackgroundColorProps<ThemeType> & BackgroundColorShorthandProps<ThemeType>;
-type Props = RestyleProps & TextInputProps & {
-    errorMessage?: string;
-};
-export declare const TextInput: ({ ...rest }: Props) => JSX.Element;
+import React from 'react';
+import { type SpacingProps, type BackgroundColorProps, type SpacingShorthandProps, type LayoutProps, type BackgroundColorShorthandProps } from '@shopify/restyle';
+export declare const TextInput: React.ForwardRefExoticComponent<Pick<SpacingProps<{
+    colors: {
+        primary: string;
+        primaryContainer: string;
+        secondary: string;
+        secondaryContainer: string;
+        tertiary: string;
+        tertiaryContainer: string;
+        surface: string;
+        surfaceVariant: string;
+        surfaceDisabled: string;
+        background: string;
+        error: string;
+        errorContainer: string;
+        onPrimary: string;
+        onPrimaryContainer: string;
+        onSecondary: string;
+        onSecondaryContainer: string;
+        onTertiary: string;
+        onTertiaryContainer: string;
+        onSurface: string;
+        onSurfaceVariant: string;
+        onSurfaceDisabled: string;
+        onError: string;
+        onErrorContainer: string;
+        onBackground: string;
+        outline: string;
+        outlineVariant: string;
+        inverseSurface: string;
+        inverseOnSurface: string;
+        inversePrimary: string;
+        shadow: string;
+        scrim: string;
+        backdrop: string;
+        transparent: string;
+    };
+    textVariants: {
+        displayLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        displayMedium: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        displaySmall: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineMedium: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineSmall: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        titleLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        titleMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        titleSmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelLarge: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelSmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodyLarge: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodyMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodySmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        default: {
+            fontFamily: string;
+            letterSpacing: number;
+        };
+    };
+    spacing: Record<string, number>;
+    breakpoints: {
+        phone: number;
+        tablet: number;
+    };
+    zIndices: Record<string, number>;
+    borderRadii: Record<string, number>;
+}> & SpacingShorthandProps<{
+    colors: {
+        primary: string;
+        primaryContainer: string;
+        secondary: string;
+        secondaryContainer: string;
+        tertiary: string;
+        tertiaryContainer: string;
+        surface: string;
+        surfaceVariant: string;
+        surfaceDisabled: string;
+        background: string;
+        error: string;
+        errorContainer: string;
+        onPrimary: string;
+        onPrimaryContainer: string;
+        onSecondary: string;
+        onSecondaryContainer: string;
+        onTertiary: string;
+        onTertiaryContainer: string;
+        onSurface: string;
+        onSurfaceVariant: string;
+        onSurfaceDisabled: string;
+        onError: string;
+        onErrorContainer: string;
+        onBackground: string;
+        outline: string;
+        outlineVariant: string;
+        inverseSurface: string;
+        inverseOnSurface: string;
+        inversePrimary: string;
+        shadow: string;
+        scrim: string;
+        backdrop: string;
+        transparent: string;
+    };
+    textVariants: {
+        displayLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        displayMedium: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        displaySmall: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineMedium: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineSmall: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        titleLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        titleMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        titleSmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelLarge: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelSmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodyLarge: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodyMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodySmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        default: {
+            fontFamily: string;
+            letterSpacing: number;
+        };
+    };
+    spacing: Record<string, number>;
+    breakpoints: {
+        phone: number;
+        tablet: number;
+    };
+    zIndices: Record<string, number>;
+    borderRadii: Record<string, number>;
+}> & LayoutProps<{
+    colors: {
+        primary: string;
+        primaryContainer: string;
+        secondary: string;
+        secondaryContainer: string;
+        tertiary: string;
+        tertiaryContainer: string;
+        surface: string;
+        surfaceVariant: string;
+        surfaceDisabled: string;
+        background: string;
+        error: string;
+        errorContainer: string;
+        onPrimary: string;
+        onPrimaryContainer: string;
+        onSecondary: string;
+        onSecondaryContainer: string;
+        onTertiary: string;
+        onTertiaryContainer: string;
+        onSurface: string;
+        onSurfaceVariant: string;
+        onSurfaceDisabled: string;
+        onError: string;
+        onErrorContainer: string;
+        onBackground: string;
+        outline: string;
+        outlineVariant: string;
+        inverseSurface: string;
+        inverseOnSurface: string;
+        inversePrimary: string;
+        shadow: string;
+        scrim: string;
+        backdrop: string;
+        transparent: string;
+    };
+    textVariants: {
+        displayLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        displayMedium: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        displaySmall: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineMedium: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineSmall: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        titleLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        titleMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        titleSmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelLarge: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelSmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodyLarge: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodyMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodySmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        default: {
+            fontFamily: string;
+            letterSpacing: number;
+        };
+    };
+    spacing: Record<string, number>;
+    breakpoints: {
+        phone: number;
+        tablet: number;
+    };
+    zIndices: Record<string, number>;
+    borderRadii: Record<string, number>;
+}> & {
+    position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    top?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    right?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    bottom?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    left?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    start?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    end?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+} & {
+    zIndex?: import("@shopify/restyle").ResponsiveValue<string, {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+} & {
+    borderBottomWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    borderLeftWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    borderRightWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    borderTopWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    borderStartWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    borderEndWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+    borderWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        phone: number;
+        tablet: number;
+    }>;
+} & {
+    borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "primary" | "primaryContainer" | "secondary" | "secondaryContainer" | "tertiary" | "tertiaryContainer" | "surface" | "surfaceVariant" | "surfaceDisabled" | "background" | "error" | "errorContainer" | "onPrimary" | "onPrimaryContainer" | "onSecondary" | "onSecondaryContainer" | "onTertiary" | "onTertiaryContainer" | "onSurface" | "onSurfaceVariant" | "onSurfaceDisabled" | "onError" | "onErrorContainer" | "onBackground" | "outline" | "outlineVariant" | "inverseSurface" | "inverseOnSurface" | "inversePrimary" | "shadow" | "scrim" | "backdrop", {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "primary" | "primaryContainer" | "secondary" | "secondaryContainer" | "tertiary" | "tertiaryContainer" | "surface" | "surfaceVariant" | "surfaceDisabled" | "background" | "error" | "errorContainer" | "onPrimary" | "onPrimaryContainer" | "onSecondary" | "onSecondaryContainer" | "onTertiary" | "onTertiaryContainer" | "onSurface" | "onSurfaceVariant" | "onSurfaceDisabled" | "onError" | "onErrorContainer" | "onBackground" | "outline" | "outlineVariant" | "inverseSurface" | "inverseOnSurface" | "inversePrimary" | "shadow" | "scrim" | "backdrop", {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "primary" | "primaryContainer" | "secondary" | "secondaryContainer" | "tertiary" | "tertiaryContainer" | "surface" | "surfaceVariant" | "surfaceDisabled" | "background" | "error" | "errorContainer" | "onPrimary" | "onPrimaryContainer" | "onSecondary" | "onSecondaryContainer" | "onTertiary" | "onTertiaryContainer" | "onSurface" | "onSurfaceVariant" | "onSurfaceDisabled" | "onError" | "onErrorContainer" | "onBackground" | "outline" | "outlineVariant" | "inverseSurface" | "inverseOnSurface" | "inversePrimary" | "shadow" | "scrim" | "backdrop", {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "primary" | "primaryContainer" | "secondary" | "secondaryContainer" | "tertiary" | "tertiaryContainer" | "surface" | "surfaceVariant" | "surfaceDisabled" | "background" | "error" | "errorContainer" | "onPrimary" | "onPrimaryContainer" | "onSecondary" | "onSecondaryContainer" | "onTertiary" | "onTertiaryContainer" | "onSurface" | "onSurfaceVariant" | "onSurfaceDisabled" | "onError" | "onErrorContainer" | "onBackground" | "outline" | "outlineVariant" | "inverseSurface" | "inverseOnSurface" | "inversePrimary" | "shadow" | "scrim" | "backdrop", {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "primary" | "primaryContainer" | "secondary" | "secondaryContainer" | "tertiary" | "tertiaryContainer" | "surface" | "surfaceVariant" | "surfaceDisabled" | "background" | "error" | "errorContainer" | "onPrimary" | "onPrimaryContainer" | "onSecondary" | "onSecondaryContainer" | "onTertiary" | "onTertiaryContainer" | "onSurface" | "onSurfaceVariant" | "onSurfaceDisabled" | "onError" | "onErrorContainer" | "onBackground" | "outline" | "outlineVariant" | "inverseSurface" | "inverseOnSurface" | "inversePrimary" | "shadow" | "scrim" | "backdrop", {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "primary" | "primaryContainer" | "secondary" | "secondaryContainer" | "tertiary" | "tertiaryContainer" | "surface" | "surfaceVariant" | "surfaceDisabled" | "background" | "error" | "errorContainer" | "onPrimary" | "onPrimaryContainer" | "onSecondary" | "onSecondaryContainer" | "onTertiary" | "onTertiaryContainer" | "onSurface" | "onSurfaceVariant" | "onSurfaceDisabled" | "onError" | "onErrorContainer" | "onBackground" | "outline" | "outlineVariant" | "inverseSurface" | "inverseOnSurface" | "inversePrimary" | "shadow" | "scrim" | "backdrop", {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "primary" | "primaryContainer" | "secondary" | "secondaryContainer" | "tertiary" | "tertiaryContainer" | "surface" | "surfaceVariant" | "surfaceDisabled" | "background" | "error" | "errorContainer" | "onPrimary" | "onPrimaryContainer" | "onSecondary" | "onSecondaryContainer" | "onTertiary" | "onTertiaryContainer" | "onSurface" | "onSurfaceVariant" | "onSurfaceDisabled" | "onError" | "onErrorContainer" | "onBackground" | "outline" | "outlineVariant" | "inverseSurface" | "inverseOnSurface" | "inversePrimary" | "shadow" | "scrim" | "backdrop", {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+} & {
+    borderRadius?: import("@shopify/restyle").ResponsiveValue<string, {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue<string, {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue<string, {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue<string, {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue<string, {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue<string, {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue<string, {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue<string, {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+    borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue<string, {
+        phone: number;
+        tablet: number;
+    }> | undefined;
+} & BackgroundColorProps<{
+    colors: {
+        primary: string;
+        primaryContainer: string;
+        secondary: string;
+        secondaryContainer: string;
+        tertiary: string;
+        tertiaryContainer: string;
+        surface: string;
+        surfaceVariant: string;
+        surfaceDisabled: string;
+        background: string;
+        error: string;
+        errorContainer: string;
+        onPrimary: string;
+        onPrimaryContainer: string;
+        onSecondary: string;
+        onSecondaryContainer: string;
+        onTertiary: string;
+        onTertiaryContainer: string;
+        onSurface: string;
+        onSurfaceVariant: string;
+        onSurfaceDisabled: string;
+        onError: string;
+        onErrorContainer: string;
+        onBackground: string;
+        outline: string;
+        outlineVariant: string;
+        inverseSurface: string;
+        inverseOnSurface: string;
+        inversePrimary: string;
+        shadow: string;
+        scrim: string;
+        backdrop: string;
+        transparent: string;
+    };
+    textVariants: {
+        displayLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        displayMedium: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        displaySmall: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineMedium: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineSmall: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        titleLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        titleMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        titleSmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelLarge: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelSmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodyLarge: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodyMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodySmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        default: {
+            fontFamily: string;
+            letterSpacing: number;
+        };
+    };
+    spacing: Record<string, number>;
+    breakpoints: {
+        phone: number;
+        tablet: number;
+    };
+    zIndices: Record<string, number>;
+    borderRadii: Record<string, number>;
+}> & BackgroundColorShorthandProps<{
+    colors: {
+        primary: string;
+        primaryContainer: string;
+        secondary: string;
+        secondaryContainer: string;
+        tertiary: string;
+        tertiaryContainer: string;
+        surface: string;
+        surfaceVariant: string;
+        surfaceDisabled: string;
+        background: string;
+        error: string;
+        errorContainer: string;
+        onPrimary: string;
+        onPrimaryContainer: string;
+        onSecondary: string;
+        onSecondaryContainer: string;
+        onTertiary: string;
+        onTertiaryContainer: string;
+        onSurface: string;
+        onSurfaceVariant: string;
+        onSurfaceDisabled: string;
+        onError: string;
+        onErrorContainer: string;
+        onBackground: string;
+        outline: string;
+        outlineVariant: string;
+        inverseSurface: string;
+        inverseOnSurface: string;
+        inversePrimary: string;
+        shadow: string;
+        scrim: string;
+        backdrop: string;
+        transparent: string;
+    };
+    textVariants: {
+        displayLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        displayMedium: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        displaySmall: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineMedium: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        headlineSmall: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        titleLarge: {
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+            letterSpacing: number;
+        };
+        titleMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        titleSmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelLarge: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        labelSmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodyLarge: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodyMedium: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        bodySmall: {
+            letterSpacing: number;
+            lineHeight: number;
+            fontSize: number;
+            fontFamily: string;
+        };
+        default: {
+            fontFamily: string;
+            letterSpacing: number;
+        };
+    };
+    spacing: Record<string, number>;
+    breakpoints: {
+        phone: number;
+        tablet: number;
+    };
+    zIndices: Record<string, number>;
+    borderRadii: Record<string, number>;
+}> & import("react-native").TextInputProps & React.RefAttributes<import("react-native").TextInput> & {
+    mode?: "flat" | "outlined" | undefined;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    disabled?: boolean | undefined;
+    label?: import("react-native-paper/lib/typescript/components/TextInput/types").TextInputLabelProp | undefined;
+    placeholder?: string | undefined;
+    error?: boolean | undefined;
+    onChangeText?: Function | undefined;
+    selectionColor?: string | undefined;
+    cursorColor?: string | undefined;
+    underlineColor?: string | undefined;
+    activeUnderlineColor?: string | undefined;
+    outlineColor?: string | undefined;
+    activeOutlineColor?: string | undefined;
+    textColor?: string | undefined;
+    dense?: boolean | undefined;
+    multiline?: boolean | undefined;
+    numberOfLines?: number | undefined;
+    onFocus?: ((args: any) => void) | undefined;
+    onBlur?: ((args: any) => void) | undefined;
+    render?: ((props: import("react-native-paper/lib/typescript/components/TextInput/types").RenderProps) => React.ReactNode) | undefined;
+    value?: string | undefined;
+    style?: import("react-native").StyleProp<import("react-native").TextStyle>;
+    theme?: import("react-native-paper/lib/typescript/types").ThemeProp | undefined;
+    testID?: string | undefined;
+    contentStyle?: import("react-native").StyleProp<import("react-native").TextStyle>;
+    outlineStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    underlineStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+} & {
+    errorMessage?: string | undefined;
+}, "theme" | "error" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "position" | "top" | "right" | "bottom" | "left" | "start" | "end" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "zIndex" | "backgroundColor" | "bg" | "key" | "mode" | "textColor" | "disabled" | "contentStyle" | "label" | "dense" | keyof import("react-native").TextInputProps | "underlineColor" | "activeUnderlineColor" | "outlineColor" | "activeOutlineColor" | "render" | "outlineStyle" | "underlineStyle" | "errorMessage"> & React.RefAttributes<unknown>>;
 type OtpInputsPropsType = {
     handleChange?: (value: string) => void;
     numberOfInputs?: number;