@symbiote-native/blur 0.0.0-stage → 0.1.0

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;AAexF,MAAM,OAAO,cAAe,SAAQ,kBAAkB;IAEnC,OAAO,CAAuB;IAE/C;QACE,KAAK,EAAE,CAAC;QACR,uBAAuB,CACrB,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,CACrB,CAAC;IACJ,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;IACpC,CAAC;uGAfU,cAAc;2FAAd,cAAc,sJACE,UAAU,kEAR3B;;;;;oDAKwC,4DATxC,0BAA0B;;2FAWzB,cAAc;kBAd1B,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;;;;;oDAKwC;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,GAC1B,EAA2D,CAAC;IAE3C,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;uGAbmB,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,81 @@
+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

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;AAY3F,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,oTANT;;;;IAIR,4DANQ,cAAc;;2FAQb,QAAQ;kBAXpB,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;;;;IAIR;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.1.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.2.0"
+  },
+  "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.3.0",
+    "@symbiote-native/engine": "^1.6.0",
+    "@symbiote-native/react": "^3.3.0",
+    "@symbiote-native/solid": "^3.2.0",
+    "@symbiote-native/svelte": "^3.2.0",
+    "@symbiote-native/vue": "^3.3.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.3.0",
+    "@symbiote-native/engine": "1.6.0",
+    "@symbiote-native/react": "3.3.0",
+    "@symbiote-native/solid": "3.2.0",
+    "@symbiote-native/svelte": "3.2.0",
+    "@symbiote-native/test-utils": "0.4.7",
+    "@symbiote-native/vue": "3.3.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,46 @@
+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;
+  }
+}