@sbaiahmed1/react-native-blur 0.1.0

package/ios/ReactNativeBlurView.mm

@@ -0,0 +1,311 @@
+#import "ReactNativeBlurView.h"
+
+#import <react/renderer/components/ReactNativeBlurViewSpec/ComponentDescriptors.h>
+#import <react/renderer/components/ReactNativeBlurViewSpec/EventEmitters.h>
+#import <react/renderer/components/ReactNativeBlurViewSpec/Props.h>
+#import <react/renderer/components/ReactNativeBlurViewSpec/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+@interface ReactNativeBlurView () <RCTReactNativeBlurViewViewProtocol>
+
+@end
+
+@implementation ReactNativeBlurView {
+  UIVisualEffectView * _blurView;
+  UIView * _fallbackView;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<ReactNativeBlurViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const ReactNativeBlurViewProps>();
+    _props = defaultProps;
+    
+    [self setupBlurView];
+  }
+  
+  return self;
+}
+
+- (void)setupBlurView
+{
+  // Create blur effect
+  UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
+  _blurView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
+  _blurView.frame = self.bounds;
+  _blurView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+  
+  // Create fallback view for reduced transparency
+  _fallbackView = [[UIView alloc] init];
+  _fallbackView.frame = self.bounds;
+  _fallbackView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+  _fallbackView.backgroundColor = [UIColor colorWithWhite:0.8 alpha:0.8];
+  _fallbackView.hidden = YES;
+  
+  // Insert blur views at index 0 to avoid interfering with React's child view management
+  [self insertSubview:_blurView atIndex:0];
+  [self insertSubview:_fallbackView atIndex:0];
+  
+  // Check for reduced transparency
+  [self updateForReducedTransparency];
+  
+  // Listen for accessibility changes
+  [[NSNotificationCenter defaultCenter] addObserver:self
+                                           selector:@selector(updateForReducedTransparency)
+                                               name:UIAccessibilityReduceTransparencyStatusDidChangeNotification
+                                             object:nil];
+}
+
+- (void)updateForReducedTransparency
+{
+  BOOL reduceTransparency = UIAccessibilityIsReduceTransparencyEnabled();
+  _blurView.hidden = reduceTransparency;
+  _fallbackView.hidden = !reduceTransparency;
+}
+
+- (UIBlurEffectStyle)blurEffectStyleFromString:(NSString *)blurType
+{
+  if ([blurType isEqualToString:@"xlight"]) {
+    return UIBlurEffectStyleExtraLight;
+  } else if ([blurType isEqualToString:@"light"]) {
+    return UIBlurEffectStyleLight;
+  } else if ([blurType isEqualToString:@"dark"]) {
+    return UIBlurEffectStyleDark;
+  } else if ([blurType isEqualToString:@"extraDark"]) {
+    return UIBlurEffectStyleSystemThickMaterialDark;
+  } else if ([blurType isEqualToString:@"regular"]) {
+    return UIBlurEffectStyleRegular;
+  } else if ([blurType isEqualToString:@"prominent"]) {
+    return UIBlurEffectStyleProminent;
+  } else if ([blurType isEqualToString:@"systemUltraThinMaterial"]) {
+    return UIBlurEffectStyleSystemUltraThinMaterial;
+  } else if ([blurType isEqualToString:@"systemThinMaterial"]) {
+    return UIBlurEffectStyleSystemThinMaterial;
+  } else if ([blurType isEqualToString:@"systemMaterial"]) {
+    return UIBlurEffectStyleSystemMaterial;
+  } else if ([blurType isEqualToString:@"systemThickMaterial"]) {
+    return UIBlurEffectStyleSystemThickMaterial;
+  } else if ([blurType isEqualToString:@"systemChromeMaterial"]) {
+    return UIBlurEffectStyleSystemChromeMaterial;
+  }
+  
+  return UIBlurEffectStyleLight; // Default
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+  const auto &oldViewProps = *std::static_pointer_cast<ReactNativeBlurViewProps const>(_props);
+  const auto &newViewProps = *std::static_pointer_cast<ReactNativeBlurViewProps const>(props);
+  
+  // Update blur type
+  if (oldViewProps.blurType != newViewProps.blurType) {
+    std::string blurTypeStr = toString(newViewProps.blurType);
+    NSString *blurTypeString = [[NSString alloc] initWithUTF8String:blurTypeStr.c_str()];
+    UIBlurEffectStyle blurStyle = [self blurEffectStyleFromString:blurTypeString];
+    UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:blurStyle];
+    _blurView.effect = blurEffect;
+  }
+  
+  // Update blur amount (create custom blur effect)
+  if (oldViewProps.blurAmount != newViewProps.blurAmount) {
+    [self updateBlurEffectWithAmount:newViewProps.blurAmount];
+  }
+  
+  // Update fallback color
+  if (oldViewProps.reducedTransparencyFallbackColor != newViewProps.reducedTransparencyFallbackColor) {
+    if (!newViewProps.reducedTransparencyFallbackColor.empty()) {
+      NSString *colorString = [[NSString alloc] initWithUTF8String:newViewProps.reducedTransparencyFallbackColor.c_str()];
+      _fallbackView.backgroundColor = [self hexStringToColor:colorString];
+    }
+  }
+  
+  [super updateProps:props oldProps:oldProps];
+}
+
+- (void)updateBlurEffectWithAmount:(double)amount
+{
+  // For amounts 0-30: Use alpha blending with UIVisualEffectView
+  // For amounts 30+: Create custom blur effect with Core Image
+  
+  if (amount <= 30.0) {
+    // Use standard UIVisualEffectView with alpha
+    CGFloat alpha = amount / 30.0; // Scale to 0-1 for low amounts
+    _blurView.alpha = alpha;
+    
+    // Remove any custom blur layer
+    [self.layer.sublayers enumerateObjectsUsingBlock:^(CALayer *layer, NSUInteger idx, BOOL *stop) {
+      if ([layer.name isEqualToString:@"customBlur"]) {
+        [layer removeFromSuperlayer];
+      }
+    }];
+  } else {
+    // Use full opacity for the base blur
+    _blurView.alpha = 1.0;
+    
+    // Add custom blur overlay for enhanced effect
+    [self addCustomBlurOverlayWithIntensity:(amount - 30.0) / 70.0]; // Scale 30-100 to 0-1
+  }
+}
+
+- (void)addCustomBlurOverlayWithIntensity:(CGFloat)intensity
+{
+  // Remove existing custom blur layer
+  [self.layer.sublayers enumerateObjectsUsingBlock:^(CALayer *layer, NSUInteger idx, BOOL *stop) {
+    if ([layer.name isEqualToString:@"customBlur"]) {
+      [layer removeFromSuperlayer];
+    }
+  }];
+  
+  // Create a semi-transparent overlay that simulates additional blur
+  CALayer *blurOverlay = [CALayer layer];
+  blurOverlay.name = @"customBlur";
+  blurOverlay.frame = self.bounds;
+  
+  // Create a gradient effect that simulates depth
+  CAGradientLayer *gradientLayer = [CAGradientLayer layer];
+  gradientLayer.frame = self.bounds;
+  
+  // Adjust colors based on blur type
+  UIColor *overlayColor;
+  if ([self.blurType isEqualToString:@"dark"] || [self.blurType isEqualToString:@"extraDark"]) {
+    overlayColor = [UIColor colorWithWhite:0.0 alpha:intensity * 0.3];
+  } else {
+    overlayColor = [UIColor colorWithWhite:1.0 alpha:intensity * 0.2];
+  }
+  
+  gradientLayer.colors = @[
+    (id)[overlayColor colorWithAlphaComponent:intensity * 0.1].CGColor,
+    (id)[overlayColor colorWithAlphaComponent:intensity * 0.3].CGColor,
+    (id)[overlayColor colorWithAlphaComponent:intensity * 0.1].CGColor
+  ];
+  
+  gradientLayer.locations = @[@0.0, @0.5, @1.0];
+  
+  [blurOverlay addSublayer:gradientLayer];
+  [self.layer addSublayer:blurOverlay];
+}
+
+- (NSString *)blurType
+{
+  const auto &props = *std::static_pointer_cast<ReactNativeBlurViewProps const>(_props);
+  std::string blurTypeStr = toString(props.blurType);
+  return [[NSString alloc] initWithUTF8String:blurTypeStr.c_str()];
+}
+
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+  // Always insert React subviews after the blur views (which are at indices 0 and 1)
+  NSInteger adjustedIndex = index + 2;
+  [self insertSubview:childComponentView atIndex:adjustedIndex];
+}
+
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+  [childComponentView removeFromSuperview];
+}
+
+- (void)layoutSubviews
+{
+  [super layoutSubviews];
+  
+  // Ensure blur view and fallback view cover the entire bounds
+  if (_blurView) {
+    _blurView.frame = self.bounds;
+  }
+  if (_fallbackView) {
+    _fallbackView.frame = self.bounds;
+  }
+  
+  // Keep blur views at the back without using sendSubviewToBack to avoid index conflicts
+  if (_blurView && _blurView.superview == self) {
+    // Move to index 0 if not already there
+    NSInteger currentIndex = [self.subviews indexOfObject:_blurView];
+    if (currentIndex != 0 && currentIndex != NSNotFound) {
+      [_blurView removeFromSuperview];
+      [self insertSubview:_blurView atIndex:0];
+    }
+  }
+  if (_fallbackView && _fallbackView.superview == self) {
+    // Move to index 1 if not already there (after blur view)
+    NSInteger currentIndex = [self.subviews indexOfObject:_fallbackView];
+    if (currentIndex != 1 && currentIndex != NSNotFound) {
+      [_fallbackView removeFromSuperview];
+      [self insertSubview:_fallbackView atIndex:1];
+    }
+  }
+}
+
+- (void)dealloc
+{
+  [[NSNotificationCenter defaultCenter] removeObserver:self];
+  
+  // Clean up blur views
+  if (_blurView) {
+    [_blurView removeFromSuperview];
+    _blurView = nil;
+  }
+  if (_fallbackView) {
+    [_fallbackView removeFromSuperview];
+    _fallbackView = nil;
+  }
+}
+
+Class<RCTComponentViewProtocol> ReactNativeBlurViewCls(void)
+{
+  return ReactNativeBlurView.class;
+}
+
+// Legacy compatibility methods for Old Architecture
+- (void)setBlurAmount:(NSNumber *)blurAmount
+{
+  if (blurAmount) {
+    [self updateBlurEffectWithAmount:[blurAmount doubleValue]];
+  }
+}
+
+- (void)setBlurType:(NSString *)blurType
+{
+  if (blurType) {
+    UIBlurEffectStyle blurStyle = [self blurEffectStyleFromString:blurType];
+    UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:blurStyle];
+    _blurView.effect = blurEffect;
+  }
+}
+
+- (void)setReducedTransparencyFallbackColor:(NSString *)color
+{
+  if (color && color.length > 0) {
+    _fallbackView.backgroundColor = [self hexStringToColor:color];
+  }
+}
+
+- (UIColor *)hexStringToColor:(NSString *)stringToConvert
+{
+  if (!stringToConvert || stringToConvert.length == 0) {
+    return [UIColor clearColor];
+  }
+  
+  NSString *noHashString = [stringToConvert stringByReplacingOccurrencesOfString:@"#" withString:@""];
+  NSScanner *stringScanner = [NSScanner scannerWithString:noHashString];
+  
+  unsigned hex;
+  if (![stringScanner scanHexInt:&hex]) {
+    return [UIColor clearColor];
+  }
+  
+  int r = (hex >> 16) & 0xFF;
+  int g = (hex >> 8) & 0xFF;
+  int b = (hex) & 0xFF;
+  
+  return [UIColor colorWithRed:r / 255.0f green:g / 255.0f blue:b / 255.0f alpha:1.0f];
+}
+
+@end

package/ios/ReactNativeBlurViewManager.mm

@@ -0,0 +1,23 @@
+#import <React/RCTViewManager.h>
+#import <React/RCTUIManager.h>
+#import "RCTBridge.h"
+#import "ReactNativeBlurView.h"
+
+@interface ReactNativeBlurViewManager : RCTViewManager
+@end
+
+@implementation ReactNativeBlurViewManager
+
+RCT_EXPORT_MODULE(ReactNativeBlurView)
+
+- (UIView *)view
+{
+  return [[ReactNativeBlurView alloc] init];
+}
+
+// Legacy view manager - properties are now handled by Fabric
+RCT_EXPORT_VIEW_PROPERTY(blurType, NSString)
+RCT_EXPORT_VIEW_PROPERTY(blurAmount, NSNumber)
+RCT_EXPORT_VIEW_PROPERTY(reducedTransparencyFallbackColor, NSString)
+
+@end

package/lib/module/BlurView.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import React from 'react';
+import ReactNativeBlurView from './ReactNativeBlurViewNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A cross-platform blur view component that provides native blur effects.
+ *
+ * On iOS, this uses UIVisualEffectView for true blur effects.
+ * On Android, this uses the BlurView library for hardware-accelerated blur effects.
+ *
+ * @example
+ * ```tsx
+ * <BlurView
+ *   blurType="light"
+ *   blurAmount={20}
+ *   style={{ flex: 1 }}
+ * >
+ *   <Text>Content behind blur</Text>
+ * </BlurView>
+ * ```
+ */
+export const BlurView = ({
+  blurType = 'light',
+  blurAmount = 10,
+  reducedTransparencyFallbackColor,
+  style,
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsx(ReactNativeBlurView, {
+    blurType: blurType,
+    blurAmount: blurAmount,
+    reducedTransparencyFallbackColor: reducedTransparencyFallbackColor,
+    style: style,
+    ...props,
+    children: children
+  });
+};
+export default BlurView;
+//# sourceMappingURL=BlurView.js.map

package/lib/module/BlurView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactNativeBlurView","jsx","_jsx","BlurView","blurType","blurAmount","reducedTransparencyFallbackColor","style","children","props"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,mBAAmB,MAEnB,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgC9C;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,OAAO;EAClBC,UAAU,GAAG,EAAE;EACfC,gCAAgC;EAChCC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEP,IAAA,CAACF,mBAAmB;IAClBI,QAAQ,EAAEA,QAAS;IACnBC,UAAU,EAAEA,UAAW;IACvBC,gCAAgC,EAAEA,gCAAiC;IACnEC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACU,CAAC;AAE1B,CAAC;AAED,eAAeL,QAAQ","ignoreList":[]}

package/lib/module/ReactNativeBlurViewNativeComponent.ts

@@ -0,0 +1,27 @@
+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';
+
+interface NativeProps extends ViewProps {
+  blurType?: WithDefault<BlurType, 'light'>;
+  blurAmount?: WithDefault<Double, 10>;
+  reducedTransparencyFallbackColor?: string;
+}
+
+export default codegenNativeComponent<NativeProps>('ReactNativeBlurView');

package/lib/module/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { default as ReactNativeBlurView } from './ReactNativeBlurViewNativeComponent';
+export * from './ReactNativeBlurViewNativeComponent';
+export { BlurView as default, BlurView } from "./BlurView.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","ReactNativeBlurView","BlurView"],"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","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { ViewStyle, StyleProp } from 'react-native';
+import { type BlurType } from './ReactNativeBlurViewNativeComponent';
+export interface BlurViewProps {
+    /**
+     * The type of blur effect to apply
+     * @default 'light'
+     */
+    blurType?: BlurType;
+    /**
+     * The intensity of the blur effect (0-100)
+     * @default 10
+     */
+    blurAmount?: number;
+    /**
+     * Fallback color when reduced transparency is enabled
+     * Accepts hex color strings like '#FFFFFF'
+     */
+    reducedTransparencyFallbackColor?: string;
+    /**
+     * Style object for the blur view
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Child components to render inside the blur view
+     */
+    children?: React.ReactNode;
+}
+/**
+ * A cross-platform blur view component that provides native blur effects.
+ *
+ * On iOS, this uses UIVisualEffectView for true blur effects.
+ * On Android, this uses the BlurView library for hardware-accelerated blur effects.
+ *
+ * @example
+ * ```tsx
+ * <BlurView
+ *   blurType="light"
+ *   blurAmount={20}
+ *   style={{ flex: 1 }}
+ * >
+ *   <Text>Content behind blur</Text>
+ * </BlurView>
+ * ```
+ */
+export declare const BlurView: React.FC<BlurViewProps>;
+export default BlurView;
+//# sourceMappingURL=BlurView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlurView.d.ts","sourceRoot":"","sources":["../../../src/BlurView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAA4B,EAC1B,KAAK,QAAQ,EACd,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAE1C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmB5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,11 @@
+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';
+interface NativeProps extends ViewProps {
+    blurType?: WithDefault<BlurType, 'light'>;
+    blurAmount?: WithDefault<Double, 10>;
+    reducedTransparencyFallbackColor?: string;
+}
+declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+export default _default;
+//# sourceMappingURL=ReactNativeBlurViewNativeComponent.d.ts.map

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

@@ -0,0 +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;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,CAAC;AAE3B,UAAU,WAAY,SAAQ,SAAS;IACrC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IACrC,gCAAgC,CAAC,EAAE,MAAM,CAAC;CAC3C;;AAED,wBAA0E"}

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

@@ -0,0 +1,5 @@
+export { default as ReactNativeBlurView } from './ReactNativeBlurViewNativeComponent';
+export * from './ReactNativeBlurViewNativeComponent';
+export { BlurView as default, BlurView } from './BlurView';
+export type { BlurViewProps } from './BlurView';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AACtF,cAAc,sCAAsC,CAAC;AAErD,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -0,0 +1,170 @@
+{
+  "name": "@sbaiahmed1/react-native-blur",
+  "version": "0.1.0",
+  "description": "React native modern blur view",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace @sbaiahmed1/react-native-blur-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it --only-version"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sbaiahmed1/sbaiahmed1-react-native-blur.git"
+  },
+  "author": "Ahmed Sbai <ahmedclubust@gmail.com> (https://github.com/sbaiahmed1)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/sbaiahmed1/sbaiahmed1-react-native-blur/issues"
+  },
+  "homepage": "https://github.com/sbaiahmed1/sbaiahmed1-react-native-blur#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.6.0",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.22.0",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native-community/cli": "15.0.0-alpha.2",
+    "@react-native/babel-preset": "0.79.2",
+    "@react-native/eslint-config": "^0.78.0",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^19.0.0",
+    "commitlint": "^19.6.1",
+    "del-cli": "^5.1.0",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "19.0.0",
+    "react-native": "0.79.2",
+    "react-native-builder-bob": "^0.40.11",
+    "release-it": "^17.10.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "ReactNativeBlurViewSpec",
+    "type": "all",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.sbaiahmed1.reactnativeblur"
+    },
+    "ios": {
+      "componentProvider": {
+        "ReactNativeBlurView": "ReactNativeBlurView"
+      }
+    }
+  },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "fabric-view",
+    "version": "0.50.3"
+  }
+}