@sbaiahmed1/react-native-blur 4.5.2-alpha.6 → 4.5.2

package/README.md

@@ -29,9 +29,21 @@ A modern React Native library providing **six specialized components** for advan
   <em>iOS (left) and Android (right) blur effects in action</em>
   <br>
   <br>
-  <video src="demos/vibrancy_iOS.mov" width="300" autoplay loop muted playsinline></video>
+  <a href="demos/vibrancy_iOS.mp4">
+    <img src="https://img.shields.io/badge/▶️_Watch-Vibrancy_Demo-blue?style=for-the-badge" alt="Vibrancy Demo" />
+  </a>
   <br>
-  <em>Vibrancy Effect (iOS only)</em>
+  <em>Vibrancy Effect (iOS only) - Click badge to watch video</em>
+  <br>
+  <br>
+  <a href="demos/Progressive-Blur-iOS.mp4">
+    <img src="https://img.shields.io/badge/▶️_Watch-Progressive_Blur_iOS-purple?style=for-the-badge" alt="Progressive Blur iOS" />
+  </a>
+  <a href="demos/Progressive-Blur-Android.mp4">
+    <img src="https://img.shields.io/badge/▶️_Watch-Progressive_Blur_Android-green?style=for-the-badge" alt="Progressive Blur Android" />
+  </a>
+  <br>
+  <em>Progressive Blur Effect (iOS & Android) - Click badges to watch videos</em>
   <br>
   <br>
   <em>Liquid Glass effect in action (iOS 26+ only)</em>

package/lib/module/BlurView.js

@@ -3,8 +3,6 @@
 import React, { Children } from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import ReactNativeBlurView from './ReactNativeBlurViewNativeComponent';
-
-// Re-export for backward compatibility
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * A cross-platform blur view component that provides native blur effects.

package/lib/module/BlurView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Children","Platform","StyleSheet","View","ReactNativeBlurView","jsx","_jsx","jsxs","_jsxs","BlurView","blurType","blurAmount","reducedTransparencyFallbackColor","overlayColor","style","children","ignoreSafeArea","props","overlay","backgroundColor","commonProps","count","OS","absoluteFill","styles","container","create","position","overflow","zIndex"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,OAAOC,mBAAmB,MAAM,sCAAsC;;AAGtE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAiC,GAAGA,CAAC;EAChDC,QAAQ,GAAG,QAAQ;EACnBC,UAAU,GAAG,EAAE;EACfC,gCAAgC,GAAG,SAAS;EAC5CC,YAAY;EACZC,KAAK;EACLC,QAAQ;EACRC,cAAc,GAAG,KAAK;EACtB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,OAAO,GAAG;IAAEC,eAAe,EAAEN;EAAa,CAAC;EACjD,MAAMO,WAA0B,GAAG;IACjCV,QAAQ;IACRC,UAAU;IACVK,cAAc;IACdJ;EACF,CAAC;;EAED;EACA,IAAI,CAACZ,QAAQ,CAACqB,KAAK,CAACN,QAAQ,CAAC,EAAE;IAC7B,oBACET,IAAA,CAACF,mBAAmB;MAClBU,KAAK,EAAE,CAACA,KAAK,EAAEI,OAAO,CAAE;MAAA,GACpBE,WAAW;MAAA,GACXH;IAAK,CACV,CAAC;EAEN;;EAEA;EACA,IAAIhB,QAAQ,CAACqB,EAAE,KAAK,SAAS,EAAE;IAC7B,oBACEd,KAAA,CAACJ,mBAAmB;MAACU,KAAK,EAAEA,KAAM;MAAA,GAAKM,WAAW;MAAA,GAAMH,KAAK;MAAAF,QAAA,gBAC3DT,IAAA,CAACH,IAAI;QAACW,KAAK,EAAE,CAACZ,UAAU,CAACqB,YAAY,EAAEL,OAAO;MAAE,CAAE,CAAC,EAElDH,QAAQ;IAAA,CACU,CAAC;EAE1B;;EAEA;EACA,oBACEP,KAAA,CAACL,IAAI;IAACW,KAAK,EAAE,CAACU,MAAM,CAACC,SAAS,EAAEX,KAAK,EAAEI,OAAO,CAAE;IAAAH,QAAA,gBAE9CT,IAAA,CAACF,mBAAmB;MAClBU,KAAK,EAAEZ,UAAU,CAACqB,YAAa;MAAA,GAC3BH,WAAW;MAAA,GACXH;IAAK,CACV,CAAC,eAEFX,IAAA,CAACH,IAAI;MAACW,KAAK,EAAEU,MAAM,CAACT,QAAS;MAAAA,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CAC3C,CAAC;AAEX,CAAC;AAED,eAAeN,QAAQ;AAEvB,MAAMe,MAAM,GAAGtB,UAAU,CAACwB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDb,QAAQ,EAAE;IACRY,QAAQ,EAAE,UAAU;IACpBE,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Children","Platform","StyleSheet","View","ReactNativeBlurView","jsx","_jsx","jsxs","_jsxs","BlurView","blurType","blurAmount","reducedTransparencyFallbackColor","overlayColor","style","children","ignoreSafeArea","props","overlay","backgroundColor","commonProps","count","OS","absoluteFill","styles","container","create","position","overflow","zIndex"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzD,OAAOC,mBAAmB,MAEnB,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuD9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAiC,GAAGA,CAAC;EAChDC,QAAQ,GAAG,QAAQ;EACnBC,UAAU,GAAG,EAAE;EACfC,gCAAgC,GAAG,SAAS;EAC5CC,YAAY;EACZC,KAAK;EACLC,QAAQ;EACRC,cAAc,GAAG,KAAK;EACtB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,OAAO,GAAG;IAAEC,eAAe,EAAEN;EAAa,CAAC;EACjD,MAAMO,WAA0B,GAAG;IACjCV,QAAQ;IACRC,UAAU;IACVK,cAAc;IACdJ;EACF,CAAC;;EAED;EACA,IAAI,CAACZ,QAAQ,CAACqB,KAAK,CAACN,QAAQ,CAAC,EAAE;IAC7B,oBACET,IAAA,CAACF,mBAAmB;MAClBU,KAAK,EAAE,CAACA,KAAK,EAAEI,OAAO,CAAE;MAAA,GACpBE,WAAW;MAAA,GACXH;IAAK,CACV,CAAC;EAEN;;EAEA;EACA,IAAIhB,QAAQ,CAACqB,EAAE,KAAK,SAAS,EAAE;IAC7B,oBACEd,KAAA,CAACJ,mBAAmB;MAACU,KAAK,EAAEA,KAAM;MAAA,GAAKM,WAAW;MAAA,GAAMH,KAAK;MAAAF,QAAA,gBAC3DT,IAAA,CAACH,IAAI;QAACW,KAAK,EAAE,CAACZ,UAAU,CAACqB,YAAY,EAAEL,OAAO;MAAE,CAAE,CAAC,EAElDH,QAAQ;IAAA,CACU,CAAC;EAE1B;;EAEA;EACA,oBACEP,KAAA,CAACL,IAAI;IAACW,KAAK,EAAE,CAACU,MAAM,CAACC,SAAS,EAAEX,KAAK,EAAEI,OAAO,CAAE;IAAAH,QAAA,gBAE9CT,IAAA,CAACF,mBAAmB;MAClBU,KAAK,EAAEZ,UAAU,CAACqB,YAAa;MAAA,GAC3BH,WAAW;MAAA,GACXH;IAAK,CACV,CAAC,eAEFX,IAAA,CAACH,IAAI;MAACW,KAAK,EAAEU,MAAM,CAACT,QAAS;MAAAA,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CAC3C,CAAC;AAEX,CAAC;AAED,eAAeN,QAAQ;AAEvB,MAAMe,MAAM,GAAGtB,UAAU,CAACwB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDb,QAAQ,EAAE;IACRY,QAAQ,EAAE,UAAU;IACpBE,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/LiquidGlassView.js

@@ -3,7 +3,7 @@
 import React from 'react';
 import { Platform } from 'react-native';
 import ReactNativeLiquidGlassView from './ReactNativeLiquidGlassViewNativeComponent';
-import BlurView from './BlurView';
+import BlurView from "./BlurView.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A Liquid Glass view component that provides iOS 26+ glass effects.

package/lib/module/LiquidGlassView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","ReactNativeLiquidGlassView","BlurView","jsx","_jsx","LiquidGlassView","glassType","glassTintColor","glassOpacity","reducedTransparencyFallbackColor","isInteractive","ignoreSafeArea","style","children","props","isIos","OS","Number","parseInt","String","Version","console","warn","overlayColorWithAlpha","Math","floor","toString","padStart","blurAmount","overlayColor"],"sourceRoot":"../../src","sources":["LiquidGlassView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAOC,0BAA0B,MAE1B,6CAA6C;AACpD,OAAOC,QAAQ,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC,SAAS,GAAG,OAAO;EACnBC,cAAc,GAAG,OAAO;EACxBC,YAAY,GAAG,GAAG;EAClBC,gCAAgC,GAAG,SAAS;EAC5CC,aAAa,GAAG,IAAI;EACpBC,cAAc,GAAG,KAAK;EACtBC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGf,QAAQ,CAACgB,EAAE,KAAK,KAAK;;EAEnC;EACA,IAAI,CAACD,KAAK,IAAKA,KAAK,IAAIE,MAAM,CAACC,QAAQ,CAACC,MAAM,CAACnB,QAAQ,CAACoB,OAAO,CAAC,EAAE,EAAE,CAAC,GAAG,EAAG,EAAE;IAC3EC,OAAO,CAACC,IAAI,CACV,oFACF,CAAC;;IAED;IACA,MAAMC,qBAAqB,GACzBhB,cAAc,GACdiB,IAAI,CAACC,KAAK,CAACjB,YAAY,GAAG,GAAG,CAAC,CAC3BkB,QAAQ,CAAC,EAAE,CAAC,CACZC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;IAErB,oBACEvB,IAAA,CAACF,QAAQ;MACP0B,UAAU,EAAE,EAAG;MACfC,YAAY,EAAEN,qBAAsB;MACpCd,gCAAgC,EAAEA,gCAAiC;MACnEE,cAAc,EAAEA,cAAe;MAC/BC,KAAK,EAAEA,KAAM;MAAAC,QAAA,EAEZA;IAAQ,CACD,CAAC;EAEf;;EAEA;EACA,oBACET,IAAA,CAACH,0BAA0B;IACzBK,SAAS,EAAEA,SAAU;IACrBC,cAAc,EAAEA,cAAe;IAC/BC,YAAY,EAAEA,YAAa;IAC3BC,gCAAgC,EAAEA,gCAAiC;IACnEC,aAAa,EAAEA,aAAc;IAC7BC,cAAc,EAAEA,cAAe;IAC/BC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACiB,CAAC;AAEjC,CAAC;AAED,eAAeR,eAAe","ignoreList":[]}
+{"version":3,"names":["React","Platform","ReactNativeLiquidGlassView","BlurView","jsx","_jsx","LiquidGlassView","glassType","glassTintColor","glassOpacity","reducedTransparencyFallbackColor","isInteractive","ignoreSafeArea","style","children","props","isIos","OS","Number","parseInt","String","Version","console","warn","overlayColorWithAlpha","Math","floor","toString","padStart","blurAmount","overlayColor"],"sourceRoot":"../../src","sources":["LiquidGlassView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAOC,0BAA0B,MAE1B,6CAA6C;AACpD,OAAOC,QAAQ,MAAM,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC,SAAS,GAAG,OAAO;EACnBC,cAAc,GAAG,OAAO;EACxBC,YAAY,GAAG,GAAG;EAClBC,gCAAgC,GAAG,SAAS;EAC5CC,aAAa,GAAG,IAAI;EACpBC,cAAc,GAAG,KAAK;EACtBC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGf,QAAQ,CAACgB,EAAE,KAAK,KAAK;;EAEnC;EACA,IAAI,CAACD,KAAK,IAAKA,KAAK,IAAIE,MAAM,CAACC,QAAQ,CAACC,MAAM,CAACnB,QAAQ,CAACoB,OAAO,CAAC,EAAE,EAAE,CAAC,GAAG,EAAG,EAAE;IAC3EC,OAAO,CAACC,IAAI,CACV,oFACF,CAAC;;IAED;IACA,MAAMC,qBAAqB,GACzBhB,cAAc,GACdiB,IAAI,CAACC,KAAK,CAACjB,YAAY,GAAG,GAAG,CAAC,CAC3BkB,QAAQ,CAAC,EAAE,CAAC,CACZC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;IAErB,oBACEvB,IAAA,CAACF,QAAQ;MACP0B,UAAU,EAAE,EAAG;MACfC,YAAY,EAAEN,qBAAsB;MACpCd,gCAAgC,EAAEA,gCAAiC;MACnEE,cAAc,EAAEA,cAAe;MAC/BC,KAAK,EAAEA,KAAM;MAAAC,QAAA,EAEZA;IAAQ,CACD,CAAC;EAEf;;EAEA;EACA,oBACET,IAAA,CAACH,0BAA0B;IACzBK,SAAS,EAAEA,SAAU;IACrBC,cAAc,EAAEA,cAAe;IAC/BC,YAAY,EAAEA,YAAa;IAC3BC,gCAAgC,EAAEA,gCAAiC;IACnEC,aAAa,EAAEA,aAAc;IAC7BC,cAAc,EAAEA,cAAe;IAC/BC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACiB,CAAC;AAEjC,CAAC;AAED,eAAeR,eAAe","ignoreList":[]}

package/lib/module/ReactNativeBlurViewNativeComponent.ts

@@ -4,10 +4,29 @@ import type {
   WithDefault,
   Double,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import type { BlurType } from './types';
 
-// Re-export for backward compatibility
-export type { BlurType };
+export type BlurType =
+  | 'xlight'
+  | 'light'
+  | 'dark'
+  | 'extraDark'
+  | 'regular'
+  | 'prominent'
+  | 'systemUltraThinMaterial'
+  | 'systemThinMaterial'
+  | 'systemMaterial'
+  | 'systemThickMaterial'
+  | 'systemChromeMaterial'
+  | 'systemUltraThinMaterialLight'
+  | 'systemThinMaterialLight'
+  | 'systemMaterialLight'
+  | 'systemThickMaterialLight'
+  | 'systemChromeMaterialLight'
+  | 'systemUltraThinMaterialDark'
+  | 'systemThinMaterialDark'
+  | 'systemMaterialDark'
+  | 'systemThickMaterialDark'
+  | 'systemChromeMaterialDark';
 
 interface NativeProps extends ViewProps {
   blurAmount?: WithDefault<Double, 10.0>;

package/lib/module/ReactNativeLiquidGlassViewNativeComponent.ts

@@ -4,10 +4,8 @@ import type {
   WithDefault,
   Double,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import type { GlassType } from './types';
 
-// Re-export for backward compatibility
-export type { GlassType };
+export type GlassType = 'clear' | 'regular';
 
 interface NativeProps extends ViewProps {
   /**

package/lib/module/ReactNativeProgressiveBlurViewNativeComponent.ts

@@ -4,10 +4,34 @@ import type {
   WithDefault,
   Double,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import type { BlurType, ProgressiveBlurDirection } from './types';
 
-// Re-export for backward compatibility
-export type { BlurType, ProgressiveBlurDirection };
+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'
+  | 'blurredCenterClearTopAndBottom';
 
 interface NativeProps extends ViewProps {
   blurAmount?: WithDefault<Double, 20.0>;

package/lib/module/VibrancyView.js

@@ -3,7 +3,7 @@
 import React from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import ReactNativeVibrancyView from './ReactNativeVibrancyViewNativeComponent';
-import BlurView from './BlurView';
+import BlurView from "./BlurView.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A component that applies a vibrancy effect to its content.

package/lib/module/VibrancyView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","ReactNativeVibrancyView","BlurView","jsx","_jsx","VibrancyView","blurType","blurAmount","style","children","props","OS","styles","container","create","backgroundColor"],"sourceRoot":"../../src","sources":["VibrancyView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAEnD,OAAOC,uBAAuB,MAEvB,0CAA0C;AACjD,OAAOC,QAAQ,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgClC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAyC,GAAGA,CAAC;EACxDC,QAAQ,GAAG,QAAQ;EACnBC,UAAU,GAAG,EAAE;EACfC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,IAAIX,QAAQ,CAACY,EAAE,KAAK,SAAS,EAAE;IAC7B,oBACEP,IAAA,CAACF,QAAQ;MACPI,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA,UAAW;MACvBC,KAAK,EAAEA,KAAM;MAAA,GACTE,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACD,CAAC;EAEf;EACA,oBACEL,IAAA,CAACH,uBAAuB;IACtBK,QAAQ,EAAEA,QAAS;IACnBC,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAE,CAACI,MAAM,CAACC,SAAS,EAAEL,KAAK,CAAE;IAAA,GAC7BE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACc,CAAC;AAE9B,CAAC;AAED,MAAMG,MAAM,GAAGZ,UAAU,CAACc,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Platform","StyleSheet","ReactNativeVibrancyView","BlurView","jsx","_jsx","VibrancyView","blurType","blurAmount","style","children","props","OS","styles","container","create","backgroundColor"],"sourceRoot":"../../src","sources":["VibrancyView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAEnD,OAAOC,uBAAuB,MAEvB,0CAA0C;AACjD,OAAOC,QAAQ,MAAM,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgClC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAyC,GAAGA,CAAC;EACxDC,QAAQ,GAAG,QAAQ;EACnBC,UAAU,GAAG,EAAE;EACfC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,IAAIX,QAAQ,CAACY,EAAE,KAAK,SAAS,EAAE;IAC7B,oBACEP,IAAA,CAACF,QAAQ;MACPI,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA,UAAW;MACvBC,KAAK,EAAEA,KAAM;MAAA,GACTE,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACD,CAAC;EAEf;EACA,oBACEL,IAAA,CAACH,uBAAuB;IACtBK,QAAQ,EAAEA,QAAS;IACnBC,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAE,CAACI,MAAM,CAACC,SAAS,EAAEL,KAAK,CAAE;IAAA,GAC7BE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACc,CAAC;AAE9B,CAAC;AAED,MAAMG,MAAM,GAAGZ,UAAU,CAACc,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -2,7 +2,7 @@
 
 export { default as ReactNativeBlurView } from './ReactNativeBlurViewNativeComponent';
 export * from './ReactNativeBlurViewNativeComponent';
-export { BlurView as default, BlurView } from './BlurView';
+export { BlurView as default, BlurView } from "./BlurView.js";
 export { default as ReactNativeLiquidGlassView } from './ReactNativeLiquidGlassViewNativeComponent';
 export { LiquidGlassView } from "./LiquidGlassView.js";
 export { default as ReactNativeProgressiveBlurView } from './ReactNativeProgressiveBlurViewNativeComponent';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","ReactNativeBlurView","BlurView","ReactNativeLiquidGlassView","LiquidGlassView","ReactNativeProgressiveBlurView","ProgressiveBlurView","ReactNativeLiquidGlassContainer","LiquidGlassContainer","ReactNativeBlurSwitch","BlurSwitch","ReactNativeVibrancyView","VibrancyView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,mBAAmB,QAAQ,sCAAsC;AACrF,cAAc,sCAAsC;AAEpD,SAASC,QAAQ,IAAIF,OAAO,EAAEE,QAAQ,QAAQ,YAAY;AAG1D,SAASF,OAAO,IAAIG,0BAA0B,QAAQ,6CAA6C;AAGnG,SAASC,eAAe,QAAQ,sBAAmB;AAGnD,SAASJ,OAAO,IAAIK,8BAA8B,QAAQ,iDAAiD;AAG3G,SAASC,mBAAmB,QAAQ,0BAAuB;AAG3D,SAASN,OAAO,IAAIO,+BAA+B,QAAQ,kDAAkD;AAE7G,SAASC,oBAAoB,QAAQ,2BAAwB;AAG7D,SAASR,OAAO,IAAIS,qBAAqB,QAAQ,wCAAwC;AAGzF,SAASC,UAAU,QAAQ,iBAAc;AAGzC,SAASV,OAAO,IAAIW,uBAAuB,QAAQ,0CAA0C;AAC7F,SAASC,YAAY,QAAQ,mBAAgB","ignoreList":[]}
+{"version":3,"names":["default","ReactNativeBlurView","BlurView","ReactNativeLiquidGlassView","LiquidGlassView","ReactNativeProgressiveBlurView","ProgressiveBlurView","ReactNativeLiquidGlassContainer","LiquidGlassContainer","ReactNativeBlurSwitch","BlurSwitch","ReactNativeVibrancyView","VibrancyView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,mBAAmB,QAAQ,sCAAsC;AACrF,cAAc,sCAAsC;AAEpD,SAASC,QAAQ,IAAIF,OAAO,EAAEE,QAAQ,QAAQ,eAAY;AAG1D,SAASF,OAAO,IAAIG,0BAA0B,QAAQ,6CAA6C;AAGnG,SAASC,eAAe,QAAQ,sBAAmB;AAGnD,SAASJ,OAAO,IAAIK,8BAA8B,QAAQ,iDAAiD;AAG3G,SAASC,mBAAmB,QAAQ,0BAAuB;AAG3D,SAASN,OAAO,IAAIO,+BAA+B,QAAQ,kDAAkD;AAE7G,SAASC,oBAAoB,QAAQ,2BAAwB;AAG7D,SAASR,OAAO,IAAIS,qBAAqB,QAAQ,wCAAwC;AAGzF,SAASC,UAAU,QAAQ,iBAAc;AAGzC,SAASV,OAAO,IAAIW,uBAAuB,QAAQ,0CAA0C;AAC7F,SAASC,YAAY,QAAQ,mBAAgB","ignoreList":[]}

package/lib/typescript/src/BlurView.d.ts

@@ -1,6 +1,52 @@
 import React from 'react';
-import type { BlurViewProps } from './types';
-export type { BlurViewProps };
+import type { ViewStyle, StyleProp, ColorValue } from 'react-native';
+import { type BlurType } from './ReactNativeBlurViewNativeComponent';
+export interface BlurViewProps {
+    /**
+     * @description The type of blur effect to apply
+     *
+     * @default 'xlight'
+     */
+    blurType?: BlurType;
+    /**
+     * @description The intensity of the blur effect (0-100)
+     *
+     * @default 10
+     */
+    blurAmount?: number;
+    /**
+     * @description Fallback color when reduced transparency is enabled
+     *
+     * Accepts hex color strings like `#FFFFFF`
+     *
+     * @default '#FFFFFF'
+     */
+    reducedTransparencyFallbackColor?: string;
+    /**
+     * @description The overlay color to apply on top of the blur effect
+     *
+     * @default undefined
+     */
+    overlayColor?: ColorValue;
+    /**
+     * @description style object for the blur view
+     *
+     * @default undefined
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * @description style object for the blur view
+     *
+     * @default false
+     */
+    ignoreSafeArea?: boolean;
+    /**
+     * @description Child components to render inside the blur view
+     *
+     * @default undefined
+     */
+    children?: React.ReactNode;
+}
 /**
  * A cross-platform blur view component that provides native blur effects.
  *

package/lib/typescript/src/BlurView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlurView.d.ts","sourceRoot":"","sources":["../../../src/BlurView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqD5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"BlurView.d.ts","sourceRoot":"","sources":["../../../src/BlurView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrE,OAA4B,EAC1B,KAAK,QAAQ,EACd,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAE1C;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqD5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/ReactNativeBlurViewNativeComponent.d.ts

@@ -1,7 +1,6 @@
 import type { ViewProps } from 'react-native';
 import type { WithDefault, Double } from 'react-native/Libraries/Types/CodegenTypes';
-import type { BlurType } from './types';
-export type { BlurType };
+export type BlurType = 'xlight' | 'light' | 'dark' | 'extraDark' | 'regular' | 'prominent' | 'systemUltraThinMaterial' | 'systemThinMaterial' | 'systemMaterial' | 'systemThickMaterial' | 'systemChromeMaterial' | 'systemUltraThinMaterialLight' | 'systemThinMaterialLight' | 'systemMaterialLight' | 'systemThickMaterialLight' | 'systemChromeMaterialLight' | 'systemUltraThinMaterialDark' | 'systemThinMaterialDark' | 'systemMaterialDark' | 'systemThickMaterialDark' | 'systemChromeMaterialDark';
 interface NativeProps extends ViewProps {
     blurAmount?: WithDefault<Double, 10.0>;
     blurType?: WithDefault<BlurType, 'xlight'>;

package/lib/typescript/src/ReactNativeBlurViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactNativeBlurViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/ReactNativeBlurViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,MAAM,EACP,MAAM,2CAA2C,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,UAAU,WAAY,SAAQ,SAAS;IACrC,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3C,gCAAgC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAClE,cAAc,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;CAC9C;;AAED,wBAA0E"}
+{"version":3,"file":"ReactNativeBlurViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/ReactNativeBlurViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,MAAM,EACP,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,GACX,yBAAyB,GACzB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,sBAAsB,GACtB,8BAA8B,GAC9B,yBAAyB,GACzB,qBAAqB,GACrB,0BAA0B,GAC1B,2BAA2B,GAC3B,6BAA6B,GAC7B,wBAAwB,GACxB,oBAAoB,GACpB,yBAAyB,GACzB,0BAA0B,CAAC;AAE/B,UAAU,WAAY,SAAQ,SAAS;IACrC,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3C,gCAAgC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAClE,cAAc,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;CAC9C;;AAED,wBAA0E"}

package/lib/typescript/src/ReactNativeLiquidGlassViewNativeComponent.d.ts

@@ -1,7 +1,6 @@
 import type { ViewProps } from 'react-native';
 import type { WithDefault, Double } from 'react-native/Libraries/Types/CodegenTypes';
-import type { GlassType } from './types';
-export type { GlassType };
+export type GlassType = 'clear' | 'regular';
 interface NativeProps extends ViewProps {
     /**
      * The type of glass effect to apply

package/lib/typescript/src/ReactNativeLiquidGlassViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactNativeLiquidGlassViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/ReactNativeLiquidGlassViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,MAAM,EACP,MAAM,2CAA2C,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,UAAU,WAAY,SAAQ,SAAS;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAE5C;;;;OAIG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9C;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAExC;;;;OAIG;IACH,gCAAgC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAElE;;;;OAIG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAE3C;;;;OAIG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;CAC9C;;AAED,wBAGE"}
+{"version":3,"file":"ReactNativeLiquidGlassViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/ReactNativeLiquidGlassViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,MAAM,EACP,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5C,UAAU,WAAY,SAAQ,SAAS;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAE5C;;;;OAIG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9C;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAExC;;;;OAIG;IACH,gCAAgC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAElE;;;;OAIG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAE3C;;;;OAIG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;CAC9C;;AAED,wBAGE"}

package/lib/typescript/src/ReactNativeProgressiveBlurViewNativeComponent.d.ts

@@ -1,7 +1,7 @@
 import type { ViewProps } from 'react-native';
 import type { WithDefault, Double } from 'react-native/Libraries/Types/CodegenTypes';
-import type { BlurType, ProgressiveBlurDirection } from './types';
-export type { BlurType, ProgressiveBlurDirection };
+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' | 'blurredCenterClearTopAndBottom';
 interface NativeProps extends ViewProps {
     blurAmount?: WithDefault<Double, 20.0>;
     blurType?: WithDefault<BlurType, 'regular'>;

package/lib/typescript/src/ReactNativeProgressiveBlurViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactNativeProgressiveBlurViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/ReactNativeProgressiveBlurViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,MAAM,EACP,MAAM,2CAA2C,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGlE,YAAY,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC;AAEnD,UAAU,WAAY,SAAQ,SAAS;IACrC,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,WAAW,CAAC,wBAAwB,EAAE,uBAAuB,CAAC,CAAC;IAC3E,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC,gCAAgC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACnE;;AAED,wBAEE"}
+{"version":3,"file":"ReactNativeProgressiveBlurViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/ReactNativeProgressiveBlurViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,MAAM,EACP,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,GACX,yBAAyB,GACzB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,sBAAsB,GACtB,8BAA8B,GAC9B,yBAAyB,GACzB,qBAAqB,GACrB,0BAA0B,GAC1B,2BAA2B,GAC3B,6BAA6B,GAC7B,wBAAwB,GACxB,oBAAoB,GACpB,yBAAyB,GACzB,0BAA0B,CAAC;AAE/B,MAAM,MAAM,wBAAwB,GAChC,uBAAuB,GACvB,uBAAuB,GACvB,gCAAgC,CAAC;AAErC,UAAU,WAAY,SAAQ,SAAS;IACrC,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,WAAW,CAAC,wBAAwB,EAAE,uBAAuB,CAAC,CAAC;IAC3E,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC,gCAAgC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACnE;;AAED,wBAEE"}

package/package.json

@@ -1,15 +1,13 @@
 {
   "name": "@sbaiahmed1/react-native-blur",
-  "version": "4.5.2-alpha.6",
+  "version": "4.5.2",
   "description": "React native modern blur view",
   "main": "./lib/module/index.js",
-  "browser": "./lib/module/index.web.js",
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
     ".": {
+      "source": "./src/index.tsx",
       "types": "./lib/typescript/src/index.d.ts",
-      "react-native": "./lib/module/index.js",
-      "browser": "./lib/module/index.web.js",
       "default": "./lib/module/index.js"
     },
     "./package.json": "./package.json"

package/src/BlurView.tsx

@@ -1,10 +1,62 @@
 import React, { Children } from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
-import ReactNativeBlurView from './ReactNativeBlurViewNativeComponent';
-import type { BlurViewProps } from './types';
+import type { ViewStyle, StyleProp, ColorValue } from 'react-native';
+import ReactNativeBlurView, {
+  type BlurType,
+} from './ReactNativeBlurViewNativeComponent';
 
-// Re-export for backward compatibility
-export type { BlurViewProps };
+export interface BlurViewProps {
+  /**
+   * @description The type of blur effect to apply
+   *
+   * @default 'xlight'
+   */
+  blurType?: BlurType;
+
+  /**
+   * @description The intensity of the blur effect (0-100)
+   *
+   * @default 10
+   */
+  blurAmount?: number;
+
+  /**
+   * @description Fallback color when reduced transparency is enabled
+   *
+   * Accepts hex color strings like `#FFFFFF`
+   *
+   * @default '#FFFFFF'
+   */
+  reducedTransparencyFallbackColor?: string;
+
+  /**
+   * @description The overlay color to apply on top of the blur effect
+   *
+   * @default undefined
+   */
+  overlayColor?: ColorValue;
+
+  /**
+   * @description style object for the blur view
+   *
+   * @default undefined
+   */
+  style?: StyleProp<ViewStyle>;
+
+  /**
+   * @description style object for the blur view
+   *
+   * @default false
+   */
+  ignoreSafeArea?: boolean;
+
+  /**
+   * @description Child components to render inside the blur view
+   *
+   * @default undefined
+   */
+  children?: React.ReactNode;
+}
 
 /**
  * A cross-platform blur view component that provides native blur effects.

package/src/ReactNativeBlurViewNativeComponent.ts

@@ -4,10 +4,29 @@ import type {
   WithDefault,
   Double,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import type { BlurType } from './types';
 
-// Re-export for backward compatibility
-export type { BlurType };
+export type BlurType =
+  | 'xlight'
+  | 'light'
+  | 'dark'
+  | 'extraDark'
+  | 'regular'
+  | 'prominent'
+  | 'systemUltraThinMaterial'
+  | 'systemThinMaterial'
+  | 'systemMaterial'
+  | 'systemThickMaterial'
+  | 'systemChromeMaterial'
+  | 'systemUltraThinMaterialLight'
+  | 'systemThinMaterialLight'
+  | 'systemMaterialLight'
+  | 'systemThickMaterialLight'
+  | 'systemChromeMaterialLight'
+  | 'systemUltraThinMaterialDark'
+  | 'systemThinMaterialDark'
+  | 'systemMaterialDark'
+  | 'systemThickMaterialDark'
+  | 'systemChromeMaterialDark';
 
 interface NativeProps extends ViewProps {
   blurAmount?: WithDefault<Double, 10.0>;

package/src/ReactNativeLiquidGlassViewNativeComponent.ts

@@ -4,10 +4,8 @@ import type {
   WithDefault,
   Double,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import type { GlassType } from './types';
 
-// Re-export for backward compatibility
-export type { GlassType };
+export type GlassType = 'clear' | 'regular';
 
 interface NativeProps extends ViewProps {
   /**

package/src/ReactNativeProgressiveBlurViewNativeComponent.ts

@@ -4,10 +4,34 @@ import type {
   WithDefault,
   Double,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import type { BlurType, ProgressiveBlurDirection } from './types';
 
-// Re-export for backward compatibility
-export type { BlurType, ProgressiveBlurDirection };
+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'
+  | 'blurredCenterClearTopAndBottom';
 
 interface NativeProps extends ViewProps {
   blurAmount?: WithDefault<Double, 20.0>;

package/lib/module/BlurView.web.js

@@ -1,137 +0,0 @@
-"use strict";
-
-import { forwardRef, useImperativeHandle, useRef } from 'react';
-import { View } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Maps blur types to background colors with opacity based on intensity
- * Follows iOS design guidelines from Apple's iOS 14+ Sketch Kit
- */
-function getBackgroundColor(blurAmount, blurType) {
-  const intensity = Math.min(blurAmount, 100);
-  const opacity = intensity / 100;
-  switch (blurType) {
-    // Dark blur types
-    case 'dark':
-    case 'extraDark':
-    case 'systemMaterialDark':
-      return `rgba(25, 25, 25, ${opacity * 0.78})`;
-    case 'systemThickMaterialDark':
-      return `rgba(37, 37, 37, ${opacity * 0.9})`;
-    case 'systemThinMaterialDark':
-      return `rgba(37, 37, 37, ${opacity * 0.7})`;
-    case 'systemUltraThinMaterialDark':
-      return `rgba(37, 37, 37, ${opacity * 0.55})`;
-    case 'systemChromeMaterialDark':
-      return `rgba(0, 0, 0, ${opacity * 0.75})`;
-
-    // Light blur types
-    case 'light':
-    case 'xlight':
-    case 'systemMaterialLight':
-    case 'systemUltraThinMaterialLight':
-    case 'systemThickMaterialLight':
-      return `rgba(249, 249, 249, ${opacity * 0.78})`;
-    case 'systemThinMaterialLight':
-      return `rgba(199, 199, 199, ${opacity * 0.78})`;
-    case 'systemChromeMaterialLight':
-      return `rgba(255, 255, 255, ${opacity * 0.97})`;
-
-    // Default/neutral blur types
-    case 'regular':
-      return `rgba(179, 179, 179, ${opacity * 0.82})`;
-    case 'systemThinMaterial':
-      return `rgba(199, 199, 199, ${opacity * 0.97})`;
-    case 'systemChromeMaterial':
-      return `rgba(255, 255, 255, ${opacity * 0.75})`;
-    case 'systemUltraThinMaterial':
-    case 'systemThickMaterial':
-      return `rgba(191, 191, 191, ${opacity * 0.44})`;
-    case 'prominent':
-    case 'systemMaterial':
-    default:
-      return `rgba(255, 255, 255, ${opacity * 0.3})`;
-  }
-}
-
-/**
- * Generates blur style object with backdrop-filter and background color
- */
-function getBlurStyle(blurAmount, blurType) {
-  const intensity = Math.min(blurAmount, 100);
-  // Convert blur amount to CSS pixels (using same formula as Expo)
-  const blur = `saturate(180%) blur(${intensity * 0.2}px)`;
-  return {
-    backgroundColor: getBackgroundColor(blurAmount, blurType),
-    backdropFilter: blur,
-    WebkitBackdropFilter: blur
-  };
-}
-
-/**
- * Web implementation of BlurView using CSS backdrop-filter
- *
- * This component provides blur effects on web platforms using CSS backdrop-filter.
- * It maps the native blur types to appropriate background colors and blur intensities.
- *
- * @example
- * ```tsx
- * <BlurView
- *   blurType="light"
- *   blurAmount={20}
- *   style={{ flex: 1 }}
- * >
- *   <Text>Content on top of blur</Text>
- * </BlurView>
- * ```
- */
-export const BlurView = /*#__PURE__*/forwardRef(({
-  blurType = 'xlight',
-  blurAmount = 10,
-  style,
-  overlayColor,
-  children,
-  ...props
-}, ref) => {
-  const blurViewRef = useRef(null);
-  const blurStyle = getBlurStyle(blurAmount, blurType);
-  useImperativeHandle(ref, () => ({
-    setNativeProps: nativeProps => {
-      if (!blurViewRef.current?.style) {
-        return;
-      }
-
-      // Update blur amount if provided
-      const nextBlurAmount = nativeProps.blurAmount ?? blurAmount;
-      const nextBlurType = nativeProps.blurType ?? blurType;
-      const nextBlurStyle = getBlurStyle(nextBlurAmount, nextBlurType);
-
-      // Apply style properties
-      if (nativeProps.style) {
-        const styleObj = nativeProps.style;
-        for (const key in styleObj) {
-          if (key !== 'blurAmount' && key !== 'blurType') {
-            blurViewRef.current.style[key] = styleObj[key];
-          }
-        }
-      }
-
-      // Apply blur styles
-      blurViewRef.current.style.backgroundColor = nextBlurStyle.backgroundColor;
-      blurViewRef.current.style.backdropFilter = nextBlurStyle.backdropFilter;
-      blurViewRef.current.style.webkitBackdropFilter = nextBlurStyle.WebkitBackdropFilter;
-    }
-  }), [blurAmount, blurType]);
-  const overlay = overlayColor ? {
-    backgroundColor: overlayColor
-  } : undefined;
-  return /*#__PURE__*/_jsx(View, {
-    ...props,
-    style: [style, blurStyle, overlay],
-    ref: blurViewRef,
-    children: children
-  });
-});
-BlurView.displayName = 'BlurView';
-export default BlurView;
-//# sourceMappingURL=BlurView.web.js.map

package/lib/module/BlurView.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["forwardRef","useImperativeHandle","useRef","View","jsx","_jsx","getBackgroundColor","blurAmount","blurType","intensity","Math","min","opacity","getBlurStyle","blur","backgroundColor","backdropFilter","WebkitBackdropFilter","BlurView","style","overlayColor","children","props","ref","blurViewRef","blurStyle","setNativeProps","nativeProps","current","nextBlurAmount","nextBlurType","nextBlurStyle","styleObj","key","webkitBackdropFilter","overlay","undefined","displayName"],"sourceRoot":"../../src","sources":["BlurView.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.web.js

@@ -1,19 +0,0 @@
-"use strict";
-
-// Web-specific exports
-// Only exports components that have web implementations
-
-export { BlurView as default, BlurView } from "./BlurView.web.js";
-
-// Re-export types (these don't import native code)
-
-// Note: The following components are not yet supported on web:
-// - VibrancyView (iOS-specific)
-// - ProgressiveBlurView (requires native gradient blur)
-// - LiquidGlassView (iOS 26+ specific)
-// - LiquidGlassContainer (iOS 26+ specific)
-// - BlurSwitch (Android-specific)
-//
-// Attempting to use these on web will result in import errors.
-// Consider using BlurView as a fallback for web platforms.
-//# sourceMappingURL=index.web.js.map

package/lib/module/index.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BlurView","default"],"sourceRoot":"../../src","sources":["index.web.tsx"],"mappings":";;AAAA;AACA;;AAEA,SAASA,QAAQ,IAAIC,OAAO,EAAED,QAAQ,QAAQ,mBAAgB;;AAE9D;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/module/types.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export {};
-//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/src/BlurView.web.d.ts

@@ -1,23 +0,0 @@
-import type { BlurViewProps } from './types';
-/**
- * Web implementation of BlurView using CSS backdrop-filter
- *
- * This component provides blur effects on web platforms using CSS backdrop-filter.
- * It maps the native blur types to appropriate background colors and blur intensities.
- *
- * @example
- * ```tsx
- * <BlurView
- *   blurType="light"
- *   blurAmount={20}
- *   style={{ flex: 1 }}
- * >
- *   <Text>Content on top of blur</Text>
- * </BlurView>
- * ```
- */
-export declare const BlurView: import("react").ForwardRefExoticComponent<BlurViewProps & import("react").RefAttributes<{
-    setNativeProps: (props: BlurViewProps) => void;
-}>>;
-export default BlurView;
-//# sourceMappingURL=BlurView.web.d.ts.map

package/lib/typescript/src/BlurView.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlurView.web.d.ts","sourceRoot":"","sources":["../../../src/BlurView.web.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,SAAS,CAAC;AAkFvD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ;oBACD,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI;GA+DjD,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/index.web.d.ts

@@ -1,3 +0,0 @@
-export { BlurView as default, BlurView } from './BlurView.web';
-export type { BlurType, GlassType, ProgressiveBlurDirection, BlurViewProps } from './types';
-//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/src/index.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/D,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -1,55 +0,0 @@
-/**
- * Shared types for @sbaiahmed1/react-native-blur
- * These types are platform-agnostic and can be used on iOS, Android, and Web
- */
-import type { ViewStyle, StyleProp, ColorValue } from 'react-native';
-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 GlassType = 'clear' | 'regular';
-export type ProgressiveBlurDirection = 'blurredTopClearBottom' | 'blurredBottomClearTop' | 'blurredCenterClearTopAndBottom';
-export interface BlurViewProps {
-    /**
-     * @description The type of blur effect to apply
-     *
-     * @default 'xlight'
-     */
-    blurType?: BlurType;
-    /**
-     * @description The intensity of the blur effect (0-100)
-     *
-     * @default 10
-     */
-    blurAmount?: number;
-    /**
-     * @description Fallback color when reduced transparency is enabled
-     *
-     * Accepts hex color strings like `#FFFFFF`
-     *
-     * @default '#FFFFFF'
-     */
-    reducedTransparencyFallbackColor?: string;
-    /**
-     * @description The overlay color to apply on top of the blur effect
-     *
-     * @default undefined
-     */
-    overlayColor?: ColorValue;
-    /**
-     * @description style object for the blur view
-     *
-     * @default undefined
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * @description style object for the blur view
-     *
-     * @default false
-     */
-    ignoreSafeArea?: boolean;
-    /**
-     * @description Child components to render inside the blur view
-     *
-     * @default undefined
-     */
-    children?: React.ReactNode;
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAErE,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,GACX,yBAAyB,GACzB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,sBAAsB,GACtB,8BAA8B,GAC9B,yBAAyB,GACzB,qBAAqB,GACrB,0BAA0B,GAC1B,2BAA2B,GAC3B,6BAA6B,GAC7B,wBAAwB,GACxB,oBAAoB,GACpB,yBAAyB,GACzB,0BAA0B,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5C,MAAM,MAAM,wBAAwB,GAChC,uBAAuB,GACvB,uBAAuB,GACvB,gCAAgC,CAAC;AAErC,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAE1C;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/src/BlurView.web.tsx

@@ -1,171 +0,0 @@
-import { forwardRef, useImperativeHandle, useRef } from 'react';
-import { View } from 'react-native';
-import type { ViewStyle } from 'react-native';
-import type { BlurViewProps, BlurType } from './types';
-
-/**
- * Maps blur types to background colors with opacity based on intensity
- * Follows iOS design guidelines from Apple's iOS 14+ Sketch Kit
- */
-function getBackgroundColor(blurAmount: number, blurType: BlurType): string {
-  const intensity = Math.min(blurAmount, 100);
-  const opacity = intensity / 100;
-
-  switch (blurType) {
-    // Dark blur types
-    case 'dark':
-    case 'extraDark':
-    case 'systemMaterialDark':
-      return `rgba(25, 25, 25, ${opacity * 0.78})`;
-
-    case 'systemThickMaterialDark':
-      return `rgba(37, 37, 37, ${opacity * 0.9})`;
-
-    case 'systemThinMaterialDark':
-      return `rgba(37, 37, 37, ${opacity * 0.7})`;
-
-    case 'systemUltraThinMaterialDark':
-      return `rgba(37, 37, 37, ${opacity * 0.55})`;
-
-    case 'systemChromeMaterialDark':
-      return `rgba(0, 0, 0, ${opacity * 0.75})`;
-
-    // Light blur types
-    case 'light':
-    case 'xlight':
-    case 'systemMaterialLight':
-    case 'systemUltraThinMaterialLight':
-    case 'systemThickMaterialLight':
-      return `rgba(249, 249, 249, ${opacity * 0.78})`;
-
-    case 'systemThinMaterialLight':
-      return `rgba(199, 199, 199, ${opacity * 0.78})`;
-
-    case 'systemChromeMaterialLight':
-      return `rgba(255, 255, 255, ${opacity * 0.97})`;
-
-    // Default/neutral blur types
-    case 'regular':
-      return `rgba(179, 179, 179, ${opacity * 0.82})`;
-
-    case 'systemThinMaterial':
-      return `rgba(199, 199, 199, ${opacity * 0.97})`;
-
-    case 'systemChromeMaterial':
-      return `rgba(255, 255, 255, ${opacity * 0.75})`;
-
-    case 'systemUltraThinMaterial':
-    case 'systemThickMaterial':
-      return `rgba(191, 191, 191, ${opacity * 0.44})`;
-
-    case 'prominent':
-    case 'systemMaterial':
-    default:
-      return `rgba(255, 255, 255, ${opacity * 0.3})`;
-  }
-}
-
-/**
- * Generates blur style object with backdrop-filter and background color
- */
-function getBlurStyle(
-  blurAmount: number,
-  blurType: BlurType
-): Record<string, string> {
-  const intensity = Math.min(blurAmount, 100);
-  // Convert blur amount to CSS pixels (using same formula as Expo)
-  const blur = `saturate(180%) blur(${intensity * 0.2}px)`;
-
-  return {
-    backgroundColor: getBackgroundColor(blurAmount, blurType),
-    backdropFilter: blur,
-    WebkitBackdropFilter: blur,
-  };
-}
-
-/**
- * Web implementation of BlurView using CSS backdrop-filter
- *
- * This component provides blur effects on web platforms using CSS backdrop-filter.
- * It maps the native blur types to appropriate background colors and blur intensities.
- *
- * @example
- * ```tsx
- * <BlurView
- *   blurType="light"
- *   blurAmount={20}
- *   style={{ flex: 1 }}
- * >
- *   <Text>Content on top of blur</Text>
- * </BlurView>
- * ```
- */
-export const BlurView = forwardRef<
-  { setNativeProps: (props: BlurViewProps) => void },
-  BlurViewProps
->(
-  (
-    {
-      blurType = 'xlight',
-      blurAmount = 10,
-      style,
-      overlayColor,
-      children,
-      ...props
-    },
-    ref
-  ) => {
-    const blurViewRef = useRef<any>(null);
-    const blurStyle = getBlurStyle(blurAmount, blurType);
-
-    useImperativeHandle(
-      ref,
-      () => ({
-        setNativeProps: (nativeProps: BlurViewProps) => {
-          if (!blurViewRef.current?.style) {
-            return;
-          }
-
-          // Update blur amount if provided
-          const nextBlurAmount = nativeProps.blurAmount ?? blurAmount;
-          const nextBlurType = nativeProps.blurType ?? blurType;
-          const nextBlurStyle = getBlurStyle(nextBlurAmount, nextBlurType);
-
-          // Apply style properties
-          if (nativeProps.style) {
-            const styleObj = nativeProps.style as ViewStyle;
-            for (const key in styleObj) {
-              if (key !== 'blurAmount' && key !== 'blurType') {
-                blurViewRef.current.style[key] =
-                  styleObj[key as keyof ViewStyle];
-              }
-            }
-          }
-
-          // Apply blur styles
-          blurViewRef.current.style.backgroundColor =
-            nextBlurStyle.backgroundColor;
-          blurViewRef.current.style.backdropFilter =
-            nextBlurStyle.backdropFilter;
-          blurViewRef.current.style.webkitBackdropFilter =
-            nextBlurStyle.WebkitBackdropFilter;
-        },
-      }),
-      [blurAmount, blurType]
-    );
-
-    const overlay = overlayColor
-      ? { backgroundColor: overlayColor }
-      : undefined;
-
-    return (
-      <View {...props} style={[style, blurStyle, overlay]} ref={blurViewRef}>
-        {children}
-      </View>
-    );
-  }
-);
-
-BlurView.displayName = 'BlurView';
-
-export default BlurView;

package/src/index.web.tsx

@@ -1,17 +0,0 @@
-// Web-specific exports
-// Only exports components that have web implementations
-
-export { BlurView as default, BlurView } from './BlurView.web';
-
-// Re-export types (these don't import native code)
-export type { BlurType, GlassType, ProgressiveBlurDirection, BlurViewProps } from './types';
-
-// Note: The following components are not yet supported on web:
-// - VibrancyView (iOS-specific)
-// - ProgressiveBlurView (requires native gradient blur)
-// - LiquidGlassView (iOS 26+ specific)
-// - LiquidGlassContainer (iOS 26+ specific)
-// - BlurSwitch (Android-specific)
-//
-// Attempting to use these on web will result in import errors.
-// Consider using BlurView as a fallback for web platforms.

package/src/types.ts

@@ -1,89 +0,0 @@
-/**
- * Shared types for @sbaiahmed1/react-native-blur
- * These types are platform-agnostic and can be used on iOS, Android, and Web
- */
-
-import type { ViewStyle, StyleProp, ColorValue } from 'react-native';
-
-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 GlassType = 'clear' | 'regular';
-
-export type ProgressiveBlurDirection =
-  | 'blurredTopClearBottom'
-  | 'blurredBottomClearTop'
-  | 'blurredCenterClearTopAndBottom';
-
-export interface BlurViewProps {
-  /**
-   * @description The type of blur effect to apply
-   *
-   * @default 'xlight'
-   */
-  blurType?: BlurType;
-
-  /**
-   * @description The intensity of the blur effect (0-100)
-   *
-   * @default 10
-   */
-  blurAmount?: number;
-
-  /**
-   * @description Fallback color when reduced transparency is enabled
-   *
-   * Accepts hex color strings like `#FFFFFF`
-   *
-   * @default '#FFFFFF'
-   */
-  reducedTransparencyFallbackColor?: string;
-
-  /**
-   * @description The overlay color to apply on top of the blur effect
-   *
-   * @default undefined
-   */
-  overlayColor?: ColorValue;
-
-  /**
-   * @description style object for the blur view
-   *
-   * @default undefined
-   */
-  style?: StyleProp<ViewStyle>;
-
-  /**
-   * @description style object for the blur view
-   *
-   * @default false
-   */
-  ignoreSafeArea?: boolean;
-
-  /**
-   * @description Child components to render inside the blur view
-   *
-   * @default undefined
-   */
-  children?: React.ReactNode;
-}