@symbiote-native/blur 0.0.0-stage → 0.0.0

package/build-ngc/angular/blur-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur-view.js","sourceRoot":"","sources":["../../src/angular/blur-view.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,GAKN,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,cAAc,EACd,cAAc,EACd,UAAU,GACX,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;AAGzE,2FAA2F;AAU3F,MAAM,OAAO,QACX,SAAQ,cAAc;IAGb,IAAI,CAA0B;IAC9B,SAAS,CAA+B;IACxC,mBAAmB,CAAyC;IAC5D,sBAAsB,CAA4C;IAClE,UAAU,CAAgC;IACnD,4EAA4E;IACnE,UAAU,CAAW;IAEF,SAAS,GAAG;QACtC,MAAM;QACN,WAAW;QACX,qBAAqB;QACrB,wBAAwB;QACxB,YAAY;KACkC,CAAC;IAEzC,YAAY,CAAqB;IACjC,WAAW,GAAG,GAAS,EAAE,GAAE,CAAC,CAAC;IAC7B,WAAW,GAAG,KAAK,CAAC;IAET,UAAU,CAAC,KAAa;QACzC,OAAO,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAClD,CAAC;IAED,kFAAkF;IAClF,eAAe;QACb,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,aAAa,CACX,MAAM,CAAC,WAAW,CAChB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAC5D,EACD,IAAI,CAAC,UAAU,KAAK,SAAS,CAC9B,CAAC;IACJ,CAAC;IAEQ,WAAW,CAAC,OAAsB;QACzC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC3B,IAAI,IAAI,CAAC,WAAW,IAAI,YAAY,IAAI,OAAO;YAAE,IAAI,CAAC,WAAW,EAAE,CAAC;IACtE,CAAC;IAEkB,WAAW;QAC5B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,EAAE;YACnE,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;YACvB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC;uGAvDU,QAAQ;2FAAR,QAAQ,oTAJT;;IAER,4DAJQ,cAAc;;2FAMb,QAAQ;kBATpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;IAER;iBACH;;sBAKE,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBAEL,KAAK"}

package/build-ngc/angular/index.d.ts

@@ -0,0 +1,3 @@
+export { BlurView } from './blur-view';
+export { BlurTargetView } from './blur-target-view';
+export { BLUR_MODULE_NAME, blurTargetViewName, blurViewName, type IBlurMethod, type IBlurTint, type IBlurViewProps, type IBlurTargetViewProps, } from '../core';

package/build-ngc/angular/index.js

@@ -0,0 +1,5 @@
+// @symbiote-native/blur/angular: компоненты `BlurView` и `BlurTargetView` поверх общего ядра
+export { BlurView } from './blur-view';
+export { BlurTargetView } from './blur-target-view';
+export { BLUR_MODULE_NAME, blurTargetViewName, blurViewName, } from '../core';
+//# sourceMappingURL=index.js.map

package/build-ngc/angular/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/angular/index.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAE7F,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,GAKb,MAAM,SAAS,CAAC"}

package/build-ngc/core/blur.d.ts

@@ -0,0 +1,53 @@
+import type { IAccessibilityProps, IAriaProps, IDescriptor, IResponderProps } from '@symbiote-native/components';
+import type { IStyleProp, ISymbioteEvent, IViewStyle } from '@symbiote-native/engine';
+export declare const BLUR_MODULE_NAME = "ExpoBlur";
+declare const BLUR_METHODS: readonly ["none", "dimezisBlurView", "dimezisBlurViewSdk31Plus"];
+/** Метод размытия на Android: `none` это полупрозрачный view, остальные нативный BlurView */
+export type IBlurMethod = (typeof BLUR_METHODS)[number];
+export type IBlurTint = 'light' | 'dark' | 'default' | 'extraLight' | 'regular' | 'prominent' | 'systemUltraThinMaterial' | 'systemThinMaterial' | 'systemMaterial' | 'systemThickMaterial' | 'systemChromeMaterial' | 'systemUltraThinMaterialLight' | 'systemThinMaterialLight' | 'systemMaterialLight' | 'systemThickMaterialLight' | 'systemChromeMaterialLight' | 'systemUltraThinMaterialDark' | 'systemThinMaterialDark' | 'systemMaterialDark' | 'systemThickMaterialDark' | 'systemChromeMaterialDark';
+type IViewSurface = IAccessibilityProps & IAriaProps & IResponderProps & {
+    style?: IStyleProp<IViewStyle>;
+    testID?: string;
+    nativeID?: string;
+    onLayout?: (event: ISymbioteEvent) => void;
+};
+export type IBlurViewProps = IViewSurface & {
+    /** @default 'default' */
+    tint?: IBlurTint;
+    /**
+     * Сила размытия от 1 до 100
+     * @default 50
+     */
+    intensity?: number;
+    /**
+     * Делитель силы размытия на Android
+     * @default 4
+     * @platform android
+     */
+    blurReductionFactor?: number;
+    /**
+     * @deprecated Use `blurMethod` instead
+     * @platform android
+     */
+    experimentalBlurMethod?: IBlurMethod;
+    /**
+     * @default 'none'
+     * @platform android
+     */
+    blurMethod?: IBlurMethod;
+};
+export type IBlurTargetViewProps = IViewSurface;
+export declare const blurViewName: () => string;
+export declare const blurTargetViewName: () => string;
+export declare const ensureBlurRegistered: () => boolean;
+export declare const ensureBlurTargetRegistered: () => boolean;
+/** Предупреждения из `componentDidMount` upstream, зовутся один раз при монтировании */
+export declare function warnBlurProps(props: object, hasBlurTarget: boolean): void;
+/**
+ * Отдаёт нативный тег цели размытия после её коммита, у не-узла отдаёт `undefined`
+ * Адаптер сам приводит свой ref к host-узлу, возвращённая функция отменяет ожидание
+ */
+export declare function watchBlurTarget(target: unknown, onId: (id: number | undefined) => void): () => void;
+export declare function renderBlurView(props: object, blurTargetId: number | null | undefined): IDescriptor;
+export declare function renderBlurTargetView(props: object): IDescriptor;
+export {};

package/build-ngc/core/blur.js

@@ -0,0 +1,105 @@
+// Ядро `BlurView` и `BlurTargetView`, порт `BlurView.tsx` из expo-blur
+import { Platform, requireNativeViewManager } from 'expo-modules-core';
+import { el } from '@symbiote-native/components';
+import { defineExpoNativeViews, getNativeTag, isSymbioteNode, whenCommitted, } from '@symbiote-native/engine';
+export const BLUR_MODULE_NAME = 'ExpoBlur';
+const BLUR_VIEW_NAME = 'ExpoBlurView';
+const BLUR_TARGET_VIEW_NAME = 'ExpoBlurTargetView';
+const BLUR_METHODS = [
+    'none',
+    'dimezisBlurView',
+    'dimezisBlurViewSdk31Plus',
+];
+const DEFAULT_BLUR_METHOD = BLUR_METHODS[0];
+// Эти ключи разбираются здесь, остальное уходит на View как есть
+const BLUR_KEYS = new Set([
+    'tint',
+    'intensity',
+    'blurReductionFactor',
+    'experimentalBlurMethod',
+    'blurMethod',
+]);
+const ABSOLUTE_FILL = {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+};
+const CONTAINER_STYLE = { backgroundColor: 'transparent' };
+const DEPRECATED_METHOD_WARNING = 'The `experimentalBlurMethod` prop has been depracated. Please use the `blurMethod` prop instead.';
+// Регистрация идёт при рендере: побочный эффект барреля теряется в release
+const views = defineExpoNativeViews(requireNativeViewManager, BLUR_MODULE_NAME, {
+    blur: BLUR_VIEW_NAME,
+    target: BLUR_TARGET_VIEW_NAME,
+});
+export const blurViewName = views.blur.name;
+export const blurTargetViewName = views.target.name;
+export const ensureBlurRegistered = views.blur.ensureRegistered;
+export const ensureBlurTargetRegistered = views.target.ensureRegistered;
+function isBlurMethod(value) {
+    return BLUR_METHODS.some(method => method === value);
+}
+function blurMethodOf(props) {
+    const provided = Reflect.get(props, 'blurMethod');
+    const deprecated = Reflect.get(props, 'experimentalBlurMethod');
+    if (isBlurMethod(provided))
+        return provided;
+    return isBlurMethod(deprecated) ? deprecated : DEFAULT_BLUR_METHOD;
+}
+/** Предупреждения из `componentDidMount` upstream, зовутся один раз при монтировании */
+export function warnBlurProps(props, hasBlurTarget) {
+    const method = blurMethodOf(props);
+    const isAndroidTarget = Platform.select({ android: true, default: false });
+    if (isAndroidTarget && method !== DEFAULT_BLUR_METHOD && !hasBlurTarget) {
+        console.warn(`You have selected the "${method}" blur method, but the \`blurTarget\` prop has not been configured. The blur view will fallback to "none" blur method to avoid errors. You can learn more about the new BlurView API at: https://docs.expo.dev/versions/latest/sdk/blur-view/`);
+    }
+    if (Reflect.get(props, 'experimentalBlurMethod') != null) {
+        console.warn(DEPRECATED_METHOD_WARNING);
+    }
+}
+/**
+ * Отдаёт нативный тег цели размытия после её коммита, у не-узла отдаёт `undefined`
+ * Адаптер сам приводит свой ref к host-узлу, возвращённая функция отменяет ожидание
+ */
+export function watchBlurTarget(target, onId) {
+    if (!isSymbioteNode(target)) {
+        onId(undefined);
+        return () => { };
+    }
+    return whenCommitted(target, () => onId(getNativeTag(target)));
+}
+// `object`, а не тип пропсов: Vue и Angular отдают нетипизированный набор атрибутов
+export function renderBlurView(props, blurTargetId) {
+    const hostProps = Object.fromEntries(Object.entries(props).filter(([key]) => !BLUR_KEYS.has(key)));
+    const style = [CONTAINER_STYLE, Reflect.get(props, 'style')];
+    if (!ensureBlurRegistered()) {
+        console.warn('BlurView is not available on this platform');
+        return el('view', { ...hostProps, style });
+    }
+    const tint = Reflect.get(props, 'tint');
+    const intensity = Reflect.get(props, 'intensity');
+    const reduction = Reflect.get(props, 'blurReductionFactor');
+    const native = el(blurViewName(), {
+        ...(blurTargetId === undefined ? {} : { blurTargetId }),
+        tint: tint ?? 'default',
+        intensity: intensity ?? 50,
+        blurReductionFactor: reduction ?? 4,
+        blurMethod: blurMethodOf(props),
+        style: ABSOLUTE_FILL,
+    });
+    return el('view', { ...hostProps, style }, [native]);
+}
+// Нативная цель размытия есть только на Android, на iOS это обычный View
+export function renderBlurTargetView(props) {
+    const hostProps = { ...props };
+    if (!Platform.select({ android: true, default: false })) {
+        return el('view', hostProps);
+    }
+    if (!ensureBlurTargetRegistered()) {
+        console.warn('BlurTargetView is not available on this platform');
+        return el('view', hostProps);
+    }
+    return el(blurTargetViewName(), hostProps);
+}
+//# sourceMappingURL=blur.js.map

package/build-ngc/core/blur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur.js","sourceRoot":"","sources":["../../src/core/blur.ts"],"names":[],"mappings":"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"}

package/build-ngc/core/index.d.ts

@@ -0,0 +1 @@
+export { BLUR_MODULE_NAME, blurTargetViewName, blurViewName, ensureBlurRegistered, ensureBlurTargetRegistered, renderBlurTargetView, renderBlurView, warnBlurProps, watchBlurTarget, type IBlurMethod, type IBlurTargetViewProps, type IBlurTint, type IBlurViewProps, } from './blur';

package/build-ngc/core/index.js

@@ -0,0 +1,2 @@
+export { BLUR_MODULE_NAME, blurTargetViewName, blurViewName, ensureBlurRegistered, ensureBlurTargetRegistered, renderBlurTargetView, renderBlurView, warnBlurProps, watchBlurTarget, } from './blur';
+//# sourceMappingURL=index.js.map

package/build-ngc/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,0BAA0B,EAC1B,oBAAoB,EACpB,cAAc,EACd,aAAa,EACb,eAAe,GAKhB,MAAM,QAAQ,CAAC"}

package/native-link.json

@@ -0,0 +1,12 @@
+{
+  "android": {
+    "gradleProjectName": "expo-blur",
+    "modules": [
+      {
+        "importPath": "expo.modules.blur.BlurModule",
+        "className": "BlurModule",
+        "nativeName": "ExpoBlur"
+      }
+    ]
+  }
+}

package/package.json

@@ -1,6 +1,148 @@
 {
   "name": "@symbiote-native/blur",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.0",
+  "description": "expo-blur wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. A native view that blurs the content behind it, plus the Android blur target.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/OneEyed1366/symbiote-native.git",
+    "directory": "packages/blur"
+  },
+  "homepage": "https://github.com/OneEyed1366/symbiote-native/tree/master/packages/blur#readme",
+  "bugs": {
+    "url": "https://github.com/OneEyed1366/symbiote-native/issues"
+  },
+  "author": "Andrey Prokopenko <psevdoproger@gmail.com>",
+  "keywords": [
+    "react-native",
+    "symbiote-native",
+    "expo-blur",
+    "react",
+    "vue",
+    "svelte",
+    "solid",
+    "angular",
+    "blur-view",
+    "blur"
+  ],
+  "type": "module",
+  "main": "./build/core/index.js",
+  "module": "./build/core/index.js",
+  "types": "./build/core/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/core/index.d.ts",
+      "default": "./build/core/index.js"
+    },
+    "./vue": {
+      "types": "./build/vue/index.d.ts",
+      "default": "./build/vue/index.js"
+    },
+    "./react": {
+      "types": "./build/react/index.d.ts",
+      "default": "./build/react/index.js"
+    },
+    "./svelte": "./src/svelte/index.ts",
+    "./solid": {
+      "types": "./build/solid/index.d.ts",
+      "default": "./build/solid/index.js"
+    },
+    "./angular": {
+      "types": "./build-ngc/angular/index.d.ts",
+      "react-native": "./build-ngc/angular/index.js",
+      "default": "./src/angular/index.ts"
+    }
+  },
+  "files": [
+    "src",
+    "build",
+    "build-ngc",
+    "native-link.json",
+    "!src/**/*.test.*",
+    "!src/**/*.spec.*",
+    "!src/**/*.detox.*"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "expo-blur": "57.0.3",
+    "expo-modules-core": "57.0.20",
+    "@symbiote-native/components": "3.1.4"
+  },
+  "peerDependencies": {
+    "@angular/core": ">=20",
+    "@vue/runtime-core": "^3.5.13",
+    "react": ">=19.0.0",
+    "react-native": ">=0.86",
+    "solid-js": ">=1.9.0",
+    "svelte": ">=5.56.0",
+    "vue": ">=3.5.0",
+    "@symbiote-native/angular": "^3.2.0",
+    "@symbiote-native/engine": "^1.5.0",
+    "@symbiote-native/svelte": "^3.1.0",
+    "@symbiote-native/react": "^3.2.0",
+    "@symbiote-native/solid": "^3.1.0",
+    "@symbiote-native/vue": "^3.2.0"
+  },
+  "peerDependenciesMeta": {
+    "@symbiote-native/angular": {
+      "optional": true
+    },
+    "@symbiote-native/react": {
+      "optional": true
+    },
+    "@symbiote-native/solid": {
+      "optional": true
+    },
+    "@symbiote-native/svelte": {
+      "optional": true
+    },
+    "@symbiote-native/vue": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    },
+    "@vue/runtime-core": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "solid-js": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@angular/compiler": "~22.0.8",
+    "@angular/compiler-cli": "~22.0.8",
+    "@angular/core": "~22.0.8",
+    "@types/node": "^26.0.0",
+    "@types/react": "^19.2.0",
+    "@vue/runtime-core": "^3.5.13",
+    "react": "19.2.3",
+    "solid-js": "^1.9.14",
+    "svelte": "^5.56.0",
+    "typescript": "~6.0.0",
+    "@symbiote-native/angular": "3.2.0",
+    "@symbiote-native/engine": "1.5.0",
+    "@symbiote-native/test-utils": "0.4.6",
+    "@symbiote-native/vue": "3.2.0",
+    "@symbiote-native/react": "3.2.0",
+    "@symbiote-native/svelte": "3.1.0",
+    "@symbiote-native/solid": "3.1.0"
+  },
+  "scripts": {
+    "typecheck": "tsc --build",
+    "clean": "rm -rf build-ngc",
+    "ng:build": "pnpm run clean && ngc -p tsconfig.angular.json",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\""
+  }
 }

package/src/angular/blur-target-view/index.android.ts

@@ -0,0 +1,39 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  ElementRef,
+  NO_ERRORS_SCHEMA,
+  ViewChild,
+} from '@angular/core';
+import { warnIfViewNameIsDynamic } from '@symbiote-native/engine';
+import { SymbioteHostPropsDirective } from '@symbiote-native/angular';
+import { BLUR_MODULE_NAME } from '../../core';
+import { BlurTargetViewBase } from './shared';
+
+const TEMPLATE_TAG = 'ViewManagerAdapter_ExpoBlur_ExpoBlurTargetView';
+
+/** Angular twin of `expo-blur`'s `BlurTargetView`, the native target view on Android */
+@Component({
+  selector: 'BlurTargetView',
+  standalone: true,
+  imports: [SymbioteHostPropsDirective],
+  schemas: [NO_ERRORS_SCHEMA],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  // Имя тега это нативное имя view, его нельзя собрать динамически
+  template: `<ViewManagerAdapter_ExpoBlur_ExpoBlurTargetView #host [symbioteHostProps]="hostProps">
+    <ng-content />
+  </ViewManagerAdapter_ExpoBlur_ExpoBlurTargetView>`,
+})
+export class BlurTargetView extends BlurTargetViewBase {
+  @ViewChild('host', { read: ElementRef, static: true })
+  private readonly hostRef!: ElementRef<unknown>;
+
+  constructor() {
+    super();
+    warnIfViewNameIsDynamic(TEMPLATE_TAG, BLUR_MODULE_NAME, 'ExpoBlurTargetView');
+  }
+
+  get nativeElement(): unknown {
+    return this.hostRef.nativeElement;
+  }
+}

package/src/angular/blur-target-view/index.ios.ts

@@ -0,0 +1,25 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  ElementRef,
+  ViewChild,
+} from '@angular/core';
+import { SymbioteHostPropsDirective, View } from '@symbiote-native/angular';
+import { BlurTargetViewBase } from './shared';
+
+/** Angular twin of `expo-blur`'s `BlurTargetView`, a plain View on iOS */
+@Component({
+  selector: 'BlurTargetView',
+  standalone: true,
+  imports: [SymbioteHostPropsDirective, View],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<view #host [symbioteHostProps]="hostProps"><ng-content /></view>`,
+})
+export class BlurTargetView extends BlurTargetViewBase {
+  @ViewChild('host', { read: ElementRef, static: true })
+  private readonly hostRef!: ElementRef<unknown>;
+
+  get nativeElement(): unknown {
+    return this.hostRef.nativeElement;
+  }
+}

package/src/angular/blur-target-view/index.ts

@@ -0,0 +1,2 @@
+// Базовая точка для headless и tsc, Metro берёт `index.ios` или `index.android`
+export { BlurTargetView } from './index.ios';

package/src/angular/blur-target-view/shared.ts

@@ -0,0 +1,21 @@
+import { Directive, Input } from '@angular/core';
+import { NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import { renderBlurTargetView } from '../../core';
+
+// Платформы различаются только тегом в шаблоне, остальное общее
+@Directive()
+export abstract class BlurTargetViewBase extends NativeViewBase {
+  /** Нужен свойству `blurTarget` у `BlurView`, чтобы найти host-узел */
+  abstract readonly nativeElement: unknown;
+
+  protected readonly propNames = [] as const satisfies readonly (keyof BlurTargetViewBase)[];
+
+  protected override renderView(props: object): IDescriptor {
+    return renderBlurTargetView(props);
+  }
+
+  get hostProps(): Record<string, unknown> {
+    return this.descriptor?.props ?? {};
+  }
+}

package/src/angular/blur-view.ts

@@ -0,0 +1,85 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Input,
+  type AfterViewInit,
+  type OnChanges,
+  type OnDestroy,
+  type SimpleChanges,
+} from '@angular/core';
+import {
+  DescriptorHost,
+  NativeViewBase,
+  hostNodeOf,
+} from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import { renderBlurView, warnBlurProps, watchBlurTarget } from '../core';
+import type { IBlurViewProps } from '../core';
+
+/** Angular twin of `expo-blur`'s `BlurView`, the projected content paints over the blur */
+@Component({
+  selector: 'BlurView',
+  standalone: true,
+  imports: [DescriptorHost],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `@if (descriptor; as node) {
+    <symbiote-descriptor-host [node]="node"><ng-content /></symbiote-descriptor-host>
+  }`,
+})
+export class BlurView
+  extends NativeViewBase
+  implements AfterViewInit, OnChanges, OnDestroy
+{
+  @Input() tint?: IBlurViewProps['tint'];
+  @Input() intensity?: IBlurViewProps['intensity'];
+  @Input() blurReductionFactor?: IBlurViewProps['blurReductionFactor'];
+  @Input() experimentalBlurMethod?: IBlurViewProps['experimentalBlurMethod'];
+  @Input() blurMethod?: IBlurViewProps['blurMethod'];
+  /** Template ref на `BlurTargetView`, его содержимое это фон для размытия */
+  @Input() blurTarget?: unknown;
+
+  protected override readonly propNames = [
+    'tint',
+    'intensity',
+    'blurReductionFactor',
+    'experimentalBlurMethod',
+    'blurMethod',
+  ] as const satisfies readonly (keyof BlurView)[];
+
+  private blurTargetId: number | undefined;
+  private cancelWatch = (): void => {};
+  private isViewReady = false;
+
+  protected override renderView(props: object): IDescriptor {
+    return renderBlurView(props, this.blurTargetId);
+  }
+
+  // Цель ставится при создании представления соседа, поэтому ждём `ngAfterViewInit`
+  ngAfterViewInit(): void {
+    this.isViewReady = true;
+    this.watchTarget();
+    warnBlurProps(
+      Object.fromEntries(
+        this.propNames.map(name => [name, Reflect.get(this, name)]),
+      ),
+      this.blurTarget !== undefined,
+    );
+  }
+
+  override ngOnChanges(changes: SimpleChanges): void {
+    super.ngOnChanges(changes);
+    if (this.isViewReady && 'blurTarget' in changes) this.watchTarget();
+  }
+
+  protected override disposeView(): void {
+    this.cancelWatch();
+  }
+
+  private watchTarget(): void {
+    this.cancelWatch();
+    this.cancelWatch = watchBlurTarget(hostNodeOf(this.blurTarget), id => {
+      this.blurTargetId = id;
+      this.changeDetector.markForCheck();
+    });
+  }
+}

package/src/angular/index.ts

@@ -0,0 +1,13 @@
+// @symbiote-native/blur/angular: компоненты `BlurView` и `BlurTargetView` поверх общего ядра
+
+export { BlurView } from './blur-view';
+export { BlurTargetView } from './blur-target-view';
+export {
+  BLUR_MODULE_NAME,
+  blurTargetViewName,
+  blurViewName,
+  type IBlurMethod,
+  type IBlurTint,
+  type IBlurViewProps,
+  type IBlurTargetViewProps,
+} from '../core';