@sbaiahmed1/react-native-blur 4.0.1 → 4.1.0

package/src/ReactNativeProgressiveBlurViewNativeComponent.ts

@@ -0,0 +1,45 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps } from 'react-native';
+import type {
+  WithDefault,
+  Double,
+} from 'react-native/Libraries/Types/CodegenTypes';
+
+export type BlurType =
+  | 'xlight'
+  | 'light'
+  | 'dark'
+  | 'extraDark'
+  | 'regular'
+  | 'prominent'
+  | 'systemUltraThinMaterial'
+  | 'systemThinMaterial'
+  | 'systemMaterial'
+  | 'systemThickMaterial'
+  | 'systemChromeMaterial'
+  | 'systemUltraThinMaterialLight'
+  | 'systemThinMaterialLight'
+  | 'systemMaterialLight'
+  | 'systemThickMaterialLight'
+  | 'systemChromeMaterialLight'
+  | 'systemUltraThinMaterialDark'
+  | 'systemThinMaterialDark'
+  | 'systemMaterialDark'
+  | 'systemThickMaterialDark'
+  | 'systemChromeMaterialDark';
+
+export type ProgressiveBlurDirection =
+  | 'blurredTopClearBottom'
+  | 'blurredBottomClearTop';
+
+interface NativeProps extends ViewProps {
+  blurAmount?: WithDefault<Double, 20.0>;
+  blurType?: WithDefault<BlurType, 'regular'>;
+  direction?: WithDefault<ProgressiveBlurDirection, 'blurredTopClearBottom'>;
+  startOffset?: WithDefault<Double, 0.0>;
+  reducedTransparencyFallbackColor?: WithDefault<string, '#FFFFFF'>;
+}
+
+export default codegenNativeComponent<NativeProps>(
+  'ReactNativeProgressiveBlurView'
+);

package/src/index.tsx

@@ -9,3 +9,9 @@ export type { GlassType } from './ReactNativeLiquidGlassViewNativeComponent';
 
 export { LiquidGlassView } from './LiquidGlassView';
 export type { LiquidGlassViewProps } from './LiquidGlassView';
+
+export { default as ReactNativeProgressiveBlurView } from './ReactNativeProgressiveBlurViewNativeComponent';
+export type { ProgressiveBlurDirection } from './ReactNativeProgressiveBlurViewNativeComponent';
+
+export { ProgressiveBlurView } from './ProgressiveBlurView';
+export type { ProgressiveBlurViewProps } from './ProgressiveBlurView';