react-native-blur-vibe 0.1.0

package/lib/commonjs/BlurVibeViewNativeComponent.ts

@@ -0,0 +1,17 @@
+// @ts-ignore - codegenNativeComponent is available at runtime in RN 0.71+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { HostComponent, ViewProps } from 'react-native';
+// @ts-ignore - CodegenTypes available at runtime
+import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+
+export interface NativeBlurVibeViewProps extends ViewProps {
+  blurAmount?: Float;
+  blurType?: string;
+  overlayColor?: string;
+  reducedTransparencyFallbackColor?: string;
+  blurRadius?: Int32;
+}
+
+export default codegenNativeComponent<NativeBlurVibeViewProps>(
+  'BlurVibeView'
+) as HostComponent<NativeBlurVibeViewProps>;

package/lib/commonjs/BlurView.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _BlurVibeViewNativeComponent = _interopRequireDefault(require("./BlurVibeViewNativeComponent"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * BlurView — react-native-blur-vibe
+ *
+ * Cross-platform blur view for React Native.
+ * iOS: UIVisualEffectView | Android: RenderEffect (API 31+) / RenderScript fallback
+ *
+ * overlayColor works on BOTH platforms — composites a color on top of the blur,
+ * exactly like CSS: backdrop-filter: blur(Xpx) + background-color: overlayColor
+ *
+ * @example
+ * <BlurView
+ *   blurAmount={15}
+ *   blurType="systemMaterial"
+ *   overlayColor="#00000040"
+ *   style={StyleSheet.absoluteFill}
+ * />
+ */const BlurView = ({
+  blurAmount = 10,
+  blurType = 'light',
+  overlayColor,
+  reducedTransparencyFallbackColor = '#F2F2F2',
+  blurRadius = 4,
+  style,
+  children,
+  ...rest
+}) => {
+  const resolvedOverlayColor = overlayColor ?? (_reactNative.Platform.OS === 'android' ? '#00000030' : 'transparent');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlurVibeViewNativeComponent.default, {
+    blurAmount: blurAmount,
+    blurType: blurType,
+    overlayColor: resolvedOverlayColor,
+    reducedTransparencyFallbackColor: reducedTransparencyFallbackColor,
+    blurRadius: blurRadius,
+    style: [styles.transparent, style],
+    ...rest,
+    children: children
+  });
+};
+BlurView.displayName = 'BlurView';
+const styles = _reactNative.StyleSheet.create({
+  transparent: {
+    backgroundColor: 'transparent'
+  }
+});
+var _default = exports.default = BlurView;
+//# sourceMappingURL=BlurView.js.map

package/lib/commonjs/BlurView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_BlurVibeViewNativeComponent","_interopRequireDefault","_jsxRuntime","e","__esModule","default","BlurView","blurAmount","blurType","overlayColor","reducedTransparencyFallbackColor","blurRadius","style","children","rest","resolvedOverlayColor","Platform","OS","jsx","styles","transparent","displayName","StyleSheet","create","backgroundColor","_default","exports"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,4BAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA+D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,MAAMG,QAAQ,GAAGA,CAAC;EAChBC,UAAU,GAAG,EAAE;EACfC,QAAQ,GAAG,OAAO;EAClBC,YAAY;EACZC,gCAAgC,GAAG,SAAS;EAC5CC,UAAU,GAAG,CAAC;EACdC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACU,CAAC,KAAK;EACnB,MAAMC,oBAAoB,GACxBN,YAAY,KAAKO,qBAAQ,CAACC,EAAE,KAAK,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;EAE3E,oBACE,IAAAf,WAAA,CAAAgB,GAAA,EAAClB,4BAAA,CAAAK,OAAkB;IACjBE,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEM,oBAAqB;IACnCL,gCAAgC,EAAEA,gCAAiC;IACnEC,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAE,CAACO,MAAM,CAACC,WAAW,EAAER,KAAK,CAAE;IAAA,GAC/BE,IAAI;IAAAD,QAAA,EAEPA;EAAQ,CACS,CAAC;AAEzB,CAAC;AAEDP,QAAQ,CAACe,WAAW,GAAG,UAAU;AAEjC,MAAMF,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEYC,QAAQ","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BlurView", {
+  enumerable: true,
+  get: function () {
+    return _BlurView.default;
+  }
+});
+var _BlurView = _interopRequireDefault(require("./BlurView"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_BlurView","_interopRequireDefault","require","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAiD,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/package.json

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

package/lib/commonjs/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

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

package/lib/module/BlurVibeViewNativeComponent.ts

@@ -0,0 +1,17 @@
+// @ts-ignore - codegenNativeComponent is available at runtime in RN 0.71+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { HostComponent, ViewProps } from 'react-native';
+// @ts-ignore - CodegenTypes available at runtime
+import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+
+export interface NativeBlurVibeViewProps extends ViewProps {
+  blurAmount?: Float;
+  blurType?: string;
+  overlayColor?: string;
+  reducedTransparencyFallbackColor?: string;
+  blurRadius?: Int32;
+}
+
+export default codegenNativeComponent<NativeBlurVibeViewProps>(
+  'BlurVibeView'
+) as HostComponent<NativeBlurVibeViewProps>;

package/lib/module/BlurView.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import { Platform, StyleSheet } from 'react-native';
+import NativeBlurVibeView from './BlurVibeViewNativeComponent';
+
+/**
+ * BlurView — react-native-blur-vibe
+ *
+ * Cross-platform blur view for React Native.
+ * iOS: UIVisualEffectView | Android: RenderEffect (API 31+) / RenderScript fallback
+ *
+ * overlayColor works on BOTH platforms — composites a color on top of the blur,
+ * exactly like CSS: backdrop-filter: blur(Xpx) + background-color: overlayColor
+ *
+ * @example
+ * <BlurView
+ *   blurAmount={15}
+ *   blurType="systemMaterial"
+ *   overlayColor="#00000040"
+ *   style={StyleSheet.absoluteFill}
+ * />
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const BlurView = ({
+  blurAmount = 10,
+  blurType = 'light',
+  overlayColor,
+  reducedTransparencyFallbackColor = '#F2F2F2',
+  blurRadius = 4,
+  style,
+  children,
+  ...rest
+}) => {
+  const resolvedOverlayColor = overlayColor ?? (Platform.OS === 'android' ? '#00000030' : 'transparent');
+  return /*#__PURE__*/_jsx(NativeBlurVibeView, {
+    blurAmount: blurAmount,
+    blurType: blurType,
+    overlayColor: resolvedOverlayColor,
+    reducedTransparencyFallbackColor: reducedTransparencyFallbackColor,
+    blurRadius: blurRadius,
+    style: [styles.transparent, style],
+    ...rest,
+    children: children
+  });
+};
+BlurView.displayName = 'BlurView';
+const styles = StyleSheet.create({
+  transparent: {
+    backgroundColor: 'transparent'
+  }
+});
+export default BlurView;
+//# sourceMappingURL=BlurView.js.map

package/lib/module/BlurView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","StyleSheet","NativeBlurVibeView","jsx","_jsx","BlurView","blurAmount","blurType","overlayColor","reducedTransparencyFallbackColor","blurRadius","style","children","rest","resolvedOverlayColor","OS","styles","transparent","displayName","create","backgroundColor"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAEnD,OAAOC,kBAAkB,MAAM,+BAA+B;;AAE9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhBA,SAAAC,GAAA,IAAAC,IAAA;AAiBA,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,UAAU,GAAG,EAAE;EACfC,QAAQ,GAAG,OAAO;EAClBC,YAAY;EACZC,gCAAgC,GAAG,SAAS;EAC5CC,UAAU,GAAG,CAAC;EACdC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACU,CAAC,KAAK;EACnB,MAAMC,oBAAoB,GACxBN,YAAY,KAAKR,QAAQ,CAACe,EAAE,KAAK,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;EAE3E,oBACEX,IAAA,CAACF,kBAAkB;IACjBI,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEM,oBAAqB;IACnCL,gCAAgC,EAAEA,gCAAiC;IACnEC,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAE,CAACK,MAAM,CAACC,WAAW,EAAEN,KAAK,CAAE;IAAA,GAC/BE,IAAI;IAAAD,QAAA,EAEPA;EAAQ,CACS,CAAC;AAEzB,CAAC;AAEDP,QAAQ,CAACa,WAAW,GAAG,UAAU;AAEjC,MAAMF,MAAM,GAAGf,UAAU,CAACkB,MAAM,CAAC;EAC/BF,WAAW,EAAE;IACXG,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAEF,eAAef,QAAQ","ignoreList":[]}

package/lib/module/index.js

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

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","BlurView"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,eAAY","ignoreList":[]}

package/lib/module/package.json

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

package/lib/module/types.js

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

package/lib/module/types.js.map

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

package/lib/typescript/commonjs/package.json

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

package/lib/typescript/commonjs/src/BlurVibeViewNativeComponent.d.ts

@@ -0,0 +1,12 @@
+import type { HostComponent, ViewProps } from 'react-native';
+import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+export interface NativeBlurVibeViewProps extends ViewProps {
+    blurAmount?: Float;
+    blurType?: string;
+    overlayColor?: string;
+    reducedTransparencyFallbackColor?: string;
+    blurRadius?: Int32;
+}
+declare const _default: HostComponent<NativeBlurVibeViewProps>;
+export default _default;
+//# sourceMappingURL=BlurVibeViewNativeComponent.d.ts.map

package/lib/typescript/commonjs/src/BlurVibeViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlurVibeViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/BlurVibeViewNativeComponent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAE9E,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;wBAII,aAAa,CAAC,uBAAuB,CAAC;AAF3C,wBAE4C"}

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

@@ -0,0 +1,24 @@
+import type { BlurViewProps } from './types';
+/**
+ * BlurView — react-native-blur-vibe
+ *
+ * Cross-platform blur view for React Native.
+ * iOS: UIVisualEffectView | Android: RenderEffect (API 31+) / RenderScript fallback
+ *
+ * overlayColor works on BOTH platforms — composites a color on top of the blur,
+ * exactly like CSS: backdrop-filter: blur(Xpx) + background-color: overlayColor
+ *
+ * @example
+ * <BlurView
+ *   blurAmount={15}
+ *   blurType="systemMaterial"
+ *   overlayColor="#00000040"
+ *   style={StyleSheet.absoluteFill}
+ * />
+ */
+declare const BlurView: {
+    ({ blurAmount, blurType, overlayColor, reducedTransparencyFallbackColor, blurRadius, style, children, ...rest }: BlurViewProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default BlurView;
+//# sourceMappingURL=BlurView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlurView.d.ts","sourceRoot":"","sources":["../../../../src/BlurView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,QAAQ;qHASX,aAAa;;CAiBf,CAAC;AAUF,eAAe,QAAQ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,40 @@
+import type { ViewProps } from 'react-native';
+export type BlurType = 'light' | 'dark' | 'extraLight' | 'regular' | 'prominent' | 'systemUltraThinMaterial' | 'systemThinMaterial' | 'systemMaterial' | 'systemThickMaterial' | 'systemChromeMaterial' | 'systemUltraThinMaterialLight' | 'systemThinMaterialLight' | 'systemMaterialLight' | 'systemThickMaterialLight' | 'systemChromeMaterialLight' | 'systemUltraThinMaterialDark' | 'systemThinMaterialDark' | 'systemMaterialDark' | 'systemThickMaterialDark' | 'systemChromeMaterialDark';
+export interface BlurViewProps extends ViewProps {
+    /**
+     * Blur intensity from 0 to 100.
+     * @default 10
+     */
+    blurAmount?: number;
+    /**
+     * iOS only — maps to UIBlurEffectStyle.
+     * @default 'light'
+     */
+    blurType?: BlurType;
+    /**
+     * Overlay color composited ON TOP of the blur layer. Works on iOS AND Android.
+     *
+     * Alpha channel controls how much blur is visible — like CSS:
+     *   backdrop-filter: blur(Xpx) + background-color: overlayColor
+     *
+     * "#00000000" → transparent overlay = pure blur
+     * "#00000080" → semi-transparent black tint over blur
+     * "#FFFFFFFF" → fully opaque = blur hidden
+     *
+     * @default "transparent" on iOS | "#00000030" on Android
+     */
+    overlayColor?: string;
+    /**
+     * Fallback color when blur is unavailable.
+     * (Reduce Transparency on iOS, API < 21 on Android)
+     * @default "#F2F2F2"
+     */
+    reducedTransparencyFallbackColor?: string;
+    /**
+     * Android only — downscale factor for RenderScript blur path (API 21-30).
+     * Higher = faster performance, slightly softer blur. Range: 1–8.
+     * @default 4
+     */
+    blurRadius?: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,QAAQ,GAChB,OAAO,GACP,MAAM,GACN,YAAY,GACZ,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,WAAW,aAAc,SAAQ,SAAS;IAC9C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAE1C;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/lib/typescript/module/package.json

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

package/lib/typescript/module/src/BlurVibeViewNativeComponent.d.ts

@@ -0,0 +1,12 @@
+import type { HostComponent, ViewProps } from 'react-native';
+import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+export interface NativeBlurVibeViewProps extends ViewProps {
+    blurAmount?: Float;
+    blurType?: string;
+    overlayColor?: string;
+    reducedTransparencyFallbackColor?: string;
+    blurRadius?: Int32;
+}
+declare const _default: HostComponent<NativeBlurVibeViewProps>;
+export default _default;
+//# sourceMappingURL=BlurVibeViewNativeComponent.d.ts.map

package/lib/typescript/module/src/BlurVibeViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlurVibeViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/BlurVibeViewNativeComponent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAE9E,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;wBAII,aAAa,CAAC,uBAAuB,CAAC;AAF3C,wBAE4C"}

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

@@ -0,0 +1,24 @@
+import type { BlurViewProps } from './types';
+/**
+ * BlurView — react-native-blur-vibe
+ *
+ * Cross-platform blur view for React Native.
+ * iOS: UIVisualEffectView | Android: RenderEffect (API 31+) / RenderScript fallback
+ *
+ * overlayColor works on BOTH platforms — composites a color on top of the blur,
+ * exactly like CSS: backdrop-filter: blur(Xpx) + background-color: overlayColor
+ *
+ * @example
+ * <BlurView
+ *   blurAmount={15}
+ *   blurType="systemMaterial"
+ *   overlayColor="#00000040"
+ *   style={StyleSheet.absoluteFill}
+ * />
+ */
+declare const BlurView: {
+    ({ blurAmount, blurType, overlayColor, reducedTransparencyFallbackColor, blurRadius, style, children, ...rest }: BlurViewProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default BlurView;
+//# sourceMappingURL=BlurView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlurView.d.ts","sourceRoot":"","sources":["../../../../src/BlurView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,QAAQ;qHASX,aAAa;;CAiBf,CAAC;AAUF,eAAe,QAAQ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,40 @@
+import type { ViewProps } from 'react-native';
+export type BlurType = 'light' | 'dark' | 'extraLight' | 'regular' | 'prominent' | 'systemUltraThinMaterial' | 'systemThinMaterial' | 'systemMaterial' | 'systemThickMaterial' | 'systemChromeMaterial' | 'systemUltraThinMaterialLight' | 'systemThinMaterialLight' | 'systemMaterialLight' | 'systemThickMaterialLight' | 'systemChromeMaterialLight' | 'systemUltraThinMaterialDark' | 'systemThinMaterialDark' | 'systemMaterialDark' | 'systemThickMaterialDark' | 'systemChromeMaterialDark';
+export interface BlurViewProps extends ViewProps {
+    /**
+     * Blur intensity from 0 to 100.
+     * @default 10
+     */
+    blurAmount?: number;
+    /**
+     * iOS only — maps to UIBlurEffectStyle.
+     * @default 'light'
+     */
+    blurType?: BlurType;
+    /**
+     * Overlay color composited ON TOP of the blur layer. Works on iOS AND Android.
+     *
+     * Alpha channel controls how much blur is visible — like CSS:
+     *   backdrop-filter: blur(Xpx) + background-color: overlayColor
+     *
+     * "#00000000" → transparent overlay = pure blur
+     * "#00000080" → semi-transparent black tint over blur
+     * "#FFFFFFFF" → fully opaque = blur hidden
+     *
+     * @default "transparent" on iOS | "#00000030" on Android
+     */
+    overlayColor?: string;
+    /**
+     * Fallback color when blur is unavailable.
+     * (Reduce Transparency on iOS, API < 21 on Android)
+     * @default "#F2F2F2"
+     */
+    reducedTransparencyFallbackColor?: string;
+    /**
+     * Android only — downscale factor for RenderScript blur path (API 21-30).
+     * Higher = faster performance, slightly softer blur. Range: 1–8.
+     * @default 4
+     */
+    blurRadius?: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,QAAQ,GAChB,OAAO,GACP,MAAM,GACN,YAAY,GACZ,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,WAAW,aAAc,SAAQ,SAAS;IAC9C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAE1C;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/package.json

@@ -0,0 +1,155 @@
+{
+  "name": "react-native-blur-vibe",
+  "version": "0.1.0",
+  "description": "React Native package implementing Blur View in iOS and Android",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "types": "./lib/typescript/commonjs/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "import": {
+        "types": "./lib/typescript/module/src/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/src/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "*.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 react-native-blur-vibe-example",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "prepublishOnly": "yarn lint && yarn typecheck"
+  },
+  "keywords": [
+    "react-native",
+    "blur",
+    "blurview",
+    "glassmorphism",
+    "ios",
+    "android",
+    "overlay",
+    "backdrop-filter",
+    "uivisualeffectview",
+    "rendereffect"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/I-am-Pritam-20/react-native-blur-vibe.git"
+  },
+  "author": "Pritam Nanda (https://github.com/I-am-Pritam-20)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/I-am-Pritam-20/react-native-blur-vibe/issues"
+  },
+  "homepage": "https://github.com/I-am-Pritam-20/react-native-blur-vibe#readme",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@eslint/compat": "^2.0.5",
+    "@eslint/eslintrc": "^3.3.5",
+    "@eslint/js": "^10.0.1",
+    "@react-native/babel-preset": "0.83.0",
+    "@react-native/eslint-config": "^0.75.0",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.2.0",
+    "del-cli": "^6.0.0",
+    "eslint": "^8.57.1",
+    "eslint-plugin-prettier": "^5.5.5",
+    "jest": "^29.7.0",
+    "prettier": "^3.2.5",
+    "react": "19.2.0",
+    "react-native": "0.83.0",
+    "react-native-builder-bob": "^0.40.18",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.11.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ],
+    "exclude": "**/{__tests__,__fixtures__,__mocks__}/**"
+  },
+  "codegenConfig": {
+    "name": "BlurVibeSpec",
+    "type": "components",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.blurvibe"
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "create-react-native-library": {
+    "type": "native-view",
+    "languages": "kotlin-swift",
+    "tools": [
+      "eslint",
+      "jest"
+    ],
+    "version": "0.57.2"
+  }
+}

package/react-native.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  source: {
+    ios: {
+      podspecPath: './ios/react-native-blur-vibe.podspec',
+    },
+  },
+};

package/src/BlurVibeViewNativeComponent.ts

@@ -0,0 +1,17 @@
+// @ts-ignore - codegenNativeComponent is available at runtime in RN 0.71+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { HostComponent, ViewProps } from 'react-native';
+// @ts-ignore - CodegenTypes available at runtime
+import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+
+export interface NativeBlurVibeViewProps extends ViewProps {
+  blurAmount?: Float;
+  blurType?: string;
+  overlayColor?: string;
+  reducedTransparencyFallbackColor?: string;
+  blurRadius?: Int32;
+}
+
+export default codegenNativeComponent<NativeBlurVibeViewProps>(
+  'BlurVibeView'
+) as HostComponent<NativeBlurVibeViewProps>;