@symbiote-native/blur 0.0.0-stage → 0.0.0

package/build/core/blur.js

@@ -0,0 +1,104 @@
+// Ядро `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);
+}

package/build/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/core/index.js

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

package/build/react/blur.d.ts

@@ -0,0 +1,18 @@
+import type { ReactElement, ReactNode, RefObject } from 'react';
+import type { IHostInstance, IViewProps } from '@symbiote-native/react';
+import type { IBlurTargetViewProps, IBlurViewProps } from '../core';
+export type IBlurViewReactProps = IBlurViewProps & Omit<IViewProps, keyof IBlurViewProps | 'children'> & {
+    /** Ref на `BlurTargetView`, его содержимое это фон для размытия */
+    blurTarget?: RefObject<IHostInstance | null>;
+    children?: ReactNode;
+    className?: string;
+};
+export type IBlurTargetViewReactProps = IBlurTargetViewProps & Omit<IViewProps, keyof IBlurTargetViewProps | 'children' | 'ref'> & {
+    ref?: RefObject<IHostInstance | null>;
+    children?: ReactNode;
+    className?: string;
+};
+/** React twin of `expo-blur`'s `BlurView`, children paint over the blur */
+export declare function BlurView(props: IBlurViewReactProps): ReactElement;
+/** React twin of `expo-blur`'s `BlurTargetView`, native on Android and a plain View on iOS */
+export declare function BlurTargetView(props: IBlurTargetViewReactProps): ReactElement;

package/build/react/blur.js

@@ -0,0 +1,18 @@
+import { createElement, useEffect, useLayoutEffect, useState } from 'react';
+import { descriptorToReactWithChildren } from '@symbiote-native/react';
+import { renderBlurTargetView, renderBlurView, warnBlurProps, watchBlurTarget, } from '../core/index.js';
+/** React twin of `expo-blur`'s `BlurView`, children paint over the blur */
+export function BlurView(props) {
+    const { blurTarget, children, ...rest } = props;
+    const [blurTargetId, setBlurTargetId] = useState();
+    // Без списка зависимостей, как `componentDidUpdate` upstream: ref цели ставится в коммите
+    useLayoutEffect(() => watchBlurTarget(blurTarget?.current, setBlurTargetId));
+    useEffect(() => warnBlurProps(rest, blurTarget !== undefined), []);
+    return descriptorToReactWithChildren(renderBlurView(rest, blurTargetId), children);
+}
+/** React twin of `expo-blur`'s `BlurTargetView`, native on Android and a plain View on iOS */
+export function BlurTargetView(props) {
+    const { children, ...rest } = props;
+    const descriptor = renderBlurTargetView(rest);
+    return createElement(descriptor.type, descriptor.props, children);
+}

package/build/react/index.d.ts

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

package/build/react/index.js

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

package/build/solid/blur.d.ts

@@ -0,0 +1,19 @@
+import type { JSX } from 'solid-js';
+import { descriptorToSolid } from '@symbiote-native/solid';
+import type { IHostInstance, IViewProps } from '@symbiote-native/solid';
+import type { IClassNameValue } from '@symbiote-native/engine';
+import type { IBlurTargetViewProps, IBlurViewProps } from '../core';
+export type IBlurViewSolidProps = IBlurViewProps & Omit<IViewProps, keyof IBlurViewProps | 'children' | 'ref'> & {
+    /** Host-узел `BlurTargetView`, его содержимое это фон для размытия */
+    blurTarget?: IHostInstance;
+    children?: JSX.Element;
+    class?: IClassNameValue;
+};
+export type IBlurTargetViewSolidProps = IBlurTargetViewProps & Omit<IViewProps, keyof IBlurTargetViewProps | 'children'> & {
+    children?: JSX.Element;
+    class?: IClassNameValue;
+};
+/** Solid twin of `expo-blur`'s `BlurView`, children paint over the blur */
+export declare function BlurView(props: IBlurViewSolidProps): ReturnType<typeof descriptorToSolid>;
+/** Solid twin of `expo-blur`'s `BlurTargetView`, native on Android and a plain View on iOS */
+export declare const BlurTargetView: (props: IBlurTargetViewSolidProps) => import("@symbiote-native/engine").ISymbioteNode;

package/build/solid/blur.js

@@ -0,0 +1,17 @@
+import { createEffect, createSignal, onCleanup, onMount, splitProps } from 'solid-js';
+import { defineDescriptorComponent, descriptorToSolid, } from '@symbiote-native/solid';
+import { renderBlurTargetView, renderBlurView, warnBlurProps, watchBlurTarget, } from '../core/index.js';
+/** Solid twin of `expo-blur`'s `BlurView`, children paint over the blur */
+export function BlurView(props) {
+    const [local, rest] = splitProps(props, ['children', 'blurTarget']);
+    const [blurTargetId, setBlurTargetId] = createSignal();
+    // Цель приходит сигналом после коммита, поэтому следим за ней, а не читаем один раз
+    createEffect(() => {
+        const cancel = watchBlurTarget(local.blurTarget, setBlurTargetId);
+        onCleanup(cancel);
+    });
+    onMount(() => warnBlurProps({ ...rest }, local.blurTarget !== undefined));
+    return descriptorToSolid(() => renderBlurView({ ...rest }, blurTargetId()), () => local.children);
+}
+/** Solid twin of `expo-blur`'s `BlurTargetView`, native on Android and a plain View on iOS */
+export const BlurTargetView = defineDescriptorComponent(renderBlurTargetView);

package/build/solid/index.d.ts

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

package/build/solid/index.js

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

package/build/svelte/blur-props.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+import type { IViewProps } from '@symbiote-native/svelte';
+import type { IBlurTargetViewProps, IBlurViewProps } from '../core';
+export type IBlurViewSvelteProps = IBlurViewProps & Omit<IViewProps, keyof IBlurViewProps | 'children'> & {
+    /** Значение `bind:ref` от `BlurTargetView`, его содержимое это фон для размытия */
+    blurTarget?: unknown;
+    children?: Snippet;
+};
+export type IBlurTargetViewSvelteProps = IBlurTargetViewProps & Omit<IViewProps, keyof IBlurTargetViewProps | 'children'> & {
+    /** Host-ref, отдаётся через `bind:ref` и передаётся в `blurTarget` у `BlurView` */
+    ref?: unknown;
+    children?: Snippet;
+};

package/build/svelte/blur-props.js

@@ -0,0 +1 @@
+export {};

package/build/svelte/blur-target-view.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import DescriptorHost from '@symbiote-native/svelte/descriptor-host';
+  import { renderBlurTargetView } from '../core';
+  import type { IBlurTargetViewSvelteProps } from './blur-props';
+
+  let {
+    children,
+    ref = $bindable(),
+    ...rest
+  }: IBlurTargetViewSvelteProps = $props();
+  const descriptor = $derived(renderBlurTargetView({ ...rest }));
+</script>
+
+<DescriptorHost {descriptor} bind:ref {children} />

package/build/svelte/blur-target-view.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { IBlurTargetViewSvelteProps } from './blur-props';
+declare const BlurTargetView: import("svelte").Component<IBlurTargetViewSvelteProps, {}, "ref">;
+type BlurTargetView = ReturnType<typeof BlurTargetView>;
+export default BlurTargetView;

package/build/svelte/blur-view.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import DescriptorHost from '@symbiote-native/svelte/descriptor-host';
+  import { hostInstance } from '@symbiote-native/svelte/native-view-bridge';
+  import { renderBlurView, warnBlurProps, watchBlurTarget } from '../core';
+  import type { IBlurViewSvelteProps } from './blur-props';
+
+  const { children, blurTarget, ...rest }: IBlurViewSvelteProps = $props();
+  let blurTargetId = $state<number | undefined>();
+
+  // Цель приходит после монтирования и мутирует, поэтому эффект следит за ней
+  $effect(() =>
+    watchBlurTarget(hostInstance(blurTarget), id => {
+      blurTargetId = id;
+    }),
+  );
+  $effect(() => warnBlurProps({ ...rest }, blurTarget !== undefined));
+
+  const descriptor = $derived(renderBlurView({ ...rest }, blurTargetId));
+</script>
+
+<DescriptorHost {descriptor} {children} />

package/build/svelte/blur-view.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { IBlurViewSvelteProps } from './blur-props';
+declare const BlurView: import("svelte").Component<IBlurViewSvelteProps, {}, "">;
+type BlurView = ReturnType<typeof BlurView>;
+export default BlurView;

package/build/svelte/index.d.ts

@@ -0,0 +1,4 @@
+export { default as BlurTargetView } from './blur-target-view.svelte';
+export { default as BlurView } from './blur-view.svelte';
+export type { IBlurTargetViewSvelteProps as IBlurTargetViewProps, IBlurViewSvelteProps as IBlurViewProps, } from './blur-props';
+export { BLUR_MODULE_NAME, blurTargetViewName, blurViewName, type IBlurMethod, type IBlurTint, } from '../core';

package/build/svelte/index.js

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

package/build/vue/blur.d.ts

@@ -0,0 +1,12 @@
+import { type VNode } from '@vue/runtime-core';
+import type { IViewProps } from '@symbiote-native/vue';
+import type { IBlurTargetViewProps, IBlurViewProps } from '../core';
+export type IBlurViewVueProps = IBlurViewProps & Omit<IViewProps, keyof IBlurViewProps> & {
+    /** Template ref на `BlurTargetView`, его содержимое это фон для размытия */
+    blurTarget?: unknown;
+};
+export type IBlurTargetViewVueProps = IBlurTargetViewProps & Omit<IViewProps, keyof IBlurTargetViewProps>;
+/** Vue twin of `expo-blur`'s `BlurView`, the default slot paints over the blur */
+export declare const BlurView: import("vue").DefineComponent<{}, () => VNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Vue twin of `expo-blur`'s `BlurTargetView`, native on Android and a plain View on iOS */
+export declare const BlurTargetView: import("vue").DefineComponent<{}, () => VNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/build/vue/blur.js

@@ -0,0 +1,50 @@
+import { defineComponent, h, isRef, onBeforeUnmount, onMounted, onUpdated, ref, toRaw, } from '@vue/runtime-core';
+import { descriptorToVue, normalizeVueAttrs } from '@symbiote-native/vue';
+import { renderBlurTargetView, renderBlurView, warnBlurProps, watchBlurTarget, } from '../core/index.js';
+// Template ref на компонент отдаёт его публичный экземпляр, корневой host-узел лежит в `$el`
+function hostOf(target) {
+    const value = isRef(target) ? target.value : target;
+    const host = value !== null && typeof value === 'object' && '$el' in value
+        ? value.$el
+        : value;
+    return toRaw(host);
+}
+/** Vue twin of `expo-blur`'s `BlurView`, the default slot paints over the blur */
+export const BlurView = defineComponent({
+    name: 'BlurView',
+    // Все атрибуты это пропсы нативного view, на обёртку ничего не должно просочиться
+    inheritAttrs: false,
+    setup(_props, { attrs, slots }) {
+        const blurTargetId = ref();
+        let cancelWatch = () => { };
+        const syncTarget = () => {
+            cancelWatch();
+            cancelWatch = watchBlurTarget(hostOf(attrs.blurTarget), id => {
+                blurTargetId.value = id;
+            });
+        };
+        // Ref цели ставится при патче, поэтому читаем его после монтирования и каждого обновления
+        onMounted(() => {
+            syncTarget();
+            warnBlurProps(normalizeVueAttrs(attrs), attrs.blurTarget !== undefined);
+        });
+        onUpdated(syncTarget);
+        onBeforeUnmount(() => cancelWatch());
+        return () => {
+            const { blurTarget: _blurTarget, ...rest } = normalizeVueAttrs(attrs);
+            const descriptor = renderBlurView(rest, blurTargetId.value);
+            return descriptorToVue(descriptor, slots.default?.() ?? []);
+        };
+    },
+});
+/** Vue twin of `expo-blur`'s `BlurTargetView`, native on Android and a plain View on iOS */
+export const BlurTargetView = defineComponent({
+    name: 'BlurTargetView',
+    inheritAttrs: false,
+    setup(_props, { attrs, slots }) {
+        return () => {
+            const descriptor = renderBlurTargetView(normalizeVueAttrs(attrs));
+            return h(descriptor.type, descriptor.props, slots.default?.() ?? []);
+        };
+    },
+});

package/build/vue/index.d.ts

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

package/build/vue/index.js

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

package/build-ngc/angular/blur-target-view/index.android.d.ts

@@ -0,0 +1,10 @@
+import { BlurTargetViewBase } from './shared';
+import * as i0 from "@angular/core";
+/** Angular twin of `expo-blur`'s `BlurTargetView`, the native target view on Android */
+export declare class BlurTargetView extends BlurTargetViewBase {
+    private readonly hostRef;
+    constructor();
+    get nativeElement(): unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlurTargetView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlurTargetView, "BlurTargetView", never, {}, {}, never, ["*"], true, never>;
+}

package/build-ngc/angular/blur-target-view/index.android.js

@@ -0,0 +1,40 @@
+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';
+import * as i0 from "@angular/core";
+const TEMPLATE_TAG = 'ViewManagerAdapter_ExpoBlur_ExpoBlurTargetView';
+/** Angular twin of `expo-blur`'s `BlurTargetView`, the native target view on Android */
+export class BlurTargetView extends BlurTargetViewBase {
+    hostRef;
+    constructor() {
+        super();
+        warnIfViewNameIsDynamic(TEMPLATE_TAG, BLUR_MODULE_NAME, 'ExpoBlurTargetView');
+    }
+    get nativeElement() {
+        return this.hostRef.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BlurTargetView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: BlurTargetView, isStandalone: true, selector: "BlurTargetView", viewQueries: [{ propertyName: "hostRef", first: true, predicate: ["host"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: `<ViewManagerAdapter_ExpoBlur_ExpoBlurTargetView #host [symbioteHostProps]="hostProps">
+    <ng-content />
+  </ViewManagerAdapter_ExpoBlur_ExpoBlurTargetView>`, isInline: true, dependencies: [{ kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BlurTargetView, decorators: [{
+            type: Component,
+            args: [{
+                    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>`,
+                }]
+        }], ctorParameters: () => [], propDecorators: { hostRef: [{
+                type: ViewChild,
+                args: ['host', { read: ElementRef, static: true }]
+            }] } });
+//# sourceMappingURL=index.android.js.map

package/build-ngc/angular/blur-target-view/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../src/angular/blur-target-view/index.android.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;;AAE9C,MAAM,YAAY,GAAG,gDAAgD,CAAC;AAEtE,wFAAwF;AAYxF,MAAM,OAAO,cAAe,SAAQ,kBAAkB;IAEnC,OAAO,CAAuB;IAE/C;QACE,KAAK,EAAE,CAAC;QACR,uBAAuB,CAAC,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;IAChF,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;IACpC,CAAC;uGAXU,cAAc;2FAAd,cAAc,sJACE,UAAU,kEAL3B;;oDAEwC,4DANxC,0BAA0B;;2FAQzB,cAAc;kBAX1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,0BAA0B,CAAC;oBACrC,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,iEAAiE;oBACjE,QAAQ,EAAE;;oDAEwC;iBACnD;;sBAEE,SAAS;uBAAC,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE"}

package/build-ngc/angular/blur-target-view/index.d.ts

@@ -0,0 +1 @@
+export { BlurTargetView } from './index.ios';

package/build-ngc/angular/blur-target-view/index.ios.d.ts

@@ -0,0 +1,9 @@
+import { BlurTargetViewBase } from './shared';
+import * as i0 from "@angular/core";
+/** Angular twin of `expo-blur`'s `BlurTargetView`, a plain View on iOS */
+export declare class BlurTargetView extends BlurTargetViewBase {
+    private readonly hostRef;
+    get nativeElement(): unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlurTargetView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlurTargetView, "BlurTargetView", never, {}, {}, never, ["*"], true, never>;
+}

package/build-ngc/angular/blur-target-view/index.ios.js

@@ -0,0 +1,27 @@
+import { ChangeDetectionStrategy, Component, ElementRef, ViewChild, } from '@angular/core';
+import { SymbioteHostPropsDirective, View } from '@symbiote-native/angular';
+import { BlurTargetViewBase } from './shared';
+import * as i0 from "@angular/core";
+/** Angular twin of `expo-blur`'s `BlurTargetView`, a plain View on iOS */
+export class BlurTargetView extends BlurTargetViewBase {
+    hostRef;
+    get nativeElement() {
+        return this.hostRef.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BlurTargetView, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: BlurTargetView, isStandalone: true, selector: "BlurTargetView", viewQueries: [{ propertyName: "hostRef", first: true, predicate: ["host"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: `<view #host [symbioteHostProps]="hostProps"><ng-content /></view>`, isInline: true, dependencies: [{ kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }, { kind: "component", type: View, selector: "view" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BlurTargetView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'BlurTargetView',
+                    standalone: true,
+                    imports: [SymbioteHostPropsDirective, View],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<view #host [symbioteHostProps]="hostProps"><ng-content /></view>`,
+                }]
+        }], propDecorators: { hostRef: [{
+                type: ViewChild,
+                args: ['host', { read: ElementRef, static: true }]
+            }] } });
+//# sourceMappingURL=index.ios.js.map

package/build-ngc/angular/blur-target-view/index.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../src/angular/blur-target-view/index.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,0BAA0B,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;;AAE9C,0EAA0E;AAQ1E,MAAM,OAAO,cAAe,SAAQ,kBAAkB;IAEnC,OAAO,CAAuB;IAE/C,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;IACpC,CAAC;uGANU,cAAc;2FAAd,cAAc,sJACE,UAAU,kEAH3B,mEAAmE,4DAFnE,0BAA0B,2HAAE,IAAI;;2FAI/B,cAAc;kBAP1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,0BAA0B,EAAE,IAAI,CAAC;oBAC3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE,mEAAmE;iBAC9E;;sBAEE,SAAS;uBAAC,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE"}

package/build-ngc/angular/blur-target-view/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/angular/blur-target-view/index.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/build-ngc/angular/blur-target-view/shared.d.ts

@@ -0,0 +1,12 @@
+import { NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import * as i0 from "@angular/core";
+export declare abstract class BlurTargetViewBase extends NativeViewBase {
+    /** Нужен свойству `blurTarget` у `BlurView`, чтобы найти host-узел */
+    abstract readonly nativeElement: unknown;
+    protected readonly propNames: readonly [];
+    protected renderView(props: object): IDescriptor;
+    get hostProps(): Record<string, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlurTargetViewBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BlurTargetViewBase, never, never, {}, {}, never, never, true, never>;
+}

package/build-ngc/angular/blur-target-view/shared.js

@@ -0,0 +1,20 @@
+import { Directive, Input } from '@angular/core';
+import { NativeViewBase } from '@symbiote-native/angular';
+import { renderBlurTargetView } from '../../core';
+import * as i0 from "@angular/core";
+// Платформы различаются только тегом в шаблоне, остальное общее
+export class BlurTargetViewBase extends NativeViewBase {
+    propNames = [];
+    renderView(props) {
+        return renderBlurTargetView(props);
+    }
+    get hostProps() {
+        return this.descriptor?.props ?? {};
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BlurTargetViewBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: BlurTargetViewBase, isStandalone: true, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BlurTargetViewBase, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/angular/blur-target-view/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;;AAElD,gEAAgE;AAEhE,MAAM,OAAgB,kBAAmB,SAAQ,cAAc;IAI1C,SAAS,GAAG,EAA2D,CAAC;IAExE,UAAU,CAAC,KAAa;QACzC,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC;IACtC,CAAC;uGAZmB,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBADvC,SAAS"}

package/build-ngc/angular/blur-view.d.ts

@@ -0,0 +1,26 @@
+import { type AfterViewInit, type OnChanges, type OnDestroy, type SimpleChanges } from '@angular/core';
+import { NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import type { IBlurViewProps } from '../core';
+import * as i0 from "@angular/core";
+/** Angular twin of `expo-blur`'s `BlurView`, the projected content paints over the blur */
+export declare class BlurView extends NativeViewBase implements AfterViewInit, OnChanges, OnDestroy {
+    tint?: IBlurViewProps['tint'];
+    intensity?: IBlurViewProps['intensity'];
+    blurReductionFactor?: IBlurViewProps['blurReductionFactor'];
+    experimentalBlurMethod?: IBlurViewProps['experimentalBlurMethod'];
+    blurMethod?: IBlurViewProps['blurMethod'];
+    /** Template ref на `BlurTargetView`, его содержимое это фон для размытия */
+    blurTarget?: unknown;
+    protected readonly propNames: readonly ["tint", "intensity", "blurReductionFactor", "experimentalBlurMethod", "blurMethod"];
+    private blurTargetId;
+    private cancelWatch;
+    private isViewReady;
+    protected renderView(props: object): IDescriptor;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected disposeView(): void;
+    private watchTarget;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlurView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlurView, "BlurView", never, { "tint": { "alias": "tint"; "required": false; }; "intensity": { "alias": "intensity"; "required": false; }; "blurReductionFactor": { "alias": "blurReductionFactor"; "required": false; }; "experimentalBlurMethod": { "alias": "experimentalBlurMethod"; "required": false; }; "blurMethod": { "alias": "blurMethod"; "required": false; }; "blurTarget": { "alias": "blurTarget"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,77 @@
+import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
+import { DescriptorHost, NativeViewBase, hostNodeOf, } from '@symbiote-native/angular';
+import { renderBlurView, warnBlurProps, watchBlurTarget } from '../core';
+import * as i0 from "@angular/core";
+/** Angular twin of `expo-blur`'s `BlurView`, the projected content paints over the blur */
+export class BlurView extends NativeViewBase {
+    tint;
+    intensity;
+    blurReductionFactor;
+    experimentalBlurMethod;
+    blurMethod;
+    /** Template ref на `BlurTargetView`, его содержимое это фон для размытия */
+    blurTarget;
+    propNames = [
+        'tint',
+        'intensity',
+        'blurReductionFactor',
+        'experimentalBlurMethod',
+        'blurMethod',
+    ];
+    blurTargetId;
+    cancelWatch = () => { };
+    isViewReady = false;
+    renderView(props) {
+        return renderBlurView(props, this.blurTargetId);
+    }
+    // Цель ставится при создании представления соседа, поэтому ждём `ngAfterViewInit`
+    ngAfterViewInit() {
+        this.isViewReady = true;
+        this.watchTarget();
+        warnBlurProps(Object.fromEntries(this.propNames.map(name => [name, Reflect.get(this, name)])), this.blurTarget !== undefined);
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        if (this.isViewReady && 'blurTarget' in changes)
+            this.watchTarget();
+    }
+    disposeView() {
+        this.cancelWatch();
+    }
+    watchTarget() {
+        this.cancelWatch();
+        this.cancelWatch = watchBlurTarget(hostNodeOf(this.blurTarget), id => {
+            this.blurTargetId = id;
+            this.changeDetector.markForCheck();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BlurView, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: BlurView, isStandalone: true, selector: "BlurView", inputs: { tint: "tint", intensity: "intensity", blurReductionFactor: "blurReductionFactor", experimentalBlurMethod: "experimentalBlurMethod", blurMethod: "blurMethod", blurTarget: "blurTarget" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `@if (descriptor; as node) {
+    <symbiote-descriptor-host [node]="node"><ng-content /></symbiote-descriptor-host>
+  }`, isInline: true, dependencies: [{ kind: "component", type: DescriptorHost, selector: "symbiote-descriptor-host", inputs: ["node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BlurView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'BlurView',
+                    standalone: true,
+                    imports: [DescriptorHost],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `@if (descriptor; as node) {
+    <symbiote-descriptor-host [node]="node"><ng-content /></symbiote-descriptor-host>
+  }`,
+                }]
+        }], propDecorators: { tint: [{
+                type: Input
+            }], intensity: [{
+                type: Input
+            }], blurReductionFactor: [{
+                type: Input
+            }], experimentalBlurMethod: [{
+                type: Input
+            }], blurMethod: [{
+                type: Input
+            }], blurTarget: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=blur-view.js.map