@symbiote-native/glass-effect 0.0.0-stage → 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 A. Prokopenko
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,47 @@
-# Temporary Holding Version
+# @symbiote-native/glass-effect
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+[`expo-glass-effect`](https://docs.expo.dev/versions/latest/sdk/glass-effect/) for **every**
+[SymbioteNative](../../README.md) adapter: React, Vue, Svelte, Solid and Angular. Liquid Glass
+native views on iOS 26, a plain `View` everywhere else.
+
+## Install
+
+```bash
+npx @symbiote-native/cli new my-app --glass-effect   # new app
+npx @symbiote-native/cli add --glass-effect          # existing app
+```
+
+Manual: `npm install @symbiote-native/glass-effect`, then wire `expo-modules-autolinking` once per
+app. Never install `expo-glass-effect` or the `expo` meta-package yourself.
+
+## Usage
+
+```tsx
+import {
+  GlassContainer,
+  GlassView,
+  isLiquidGlassAvailable,
+} from '@symbiote-native/glass-effect/react';
+
+<GlassContainer spacing={8}>
+  <GlassView glassEffectStyle="clear" tintColor="rgba(255, 59, 48, 0.7)" isInteractive>
+    <Text>Glass</Text>
+  </GlassView>
+</GlassContainer>;
+```
+
+Same props on every adapter: `glassEffectStyle` (`regular`, `clear`, `none` or a config with
+`animate`), `tintColor`, `isInteractive`, `colorScheme`, `spacing` on the container, and the View
+surface. Check `isLiquidGlassAvailable()` and `isGlassEffectAPIAvailable()` before relying on the
+effect: some iOS 26 betas lack the API and crash.
+
+## Layout
+
+On iOS the native view is the root and the children sit inside it. Elsewhere both components are
+a plain `View` without the glass props. Angular keeps one file set per platform
+(`index.ios.ts`, `index.android.ts`) because a template spells the native tag statically, so an
+`__expo_app_identifier__` suffix makes it warn instead of render.
+
+## Not ported
+
+Nothing: the upstream package has no web or Android variant beyond the plain `View`.

package/build/angular/glass/index.android.d.ts

@@ -0,0 +1,7 @@
+import { GlassContainerBase, GlassViewBase } from './shared';
+/** Angular twin of `expo-glass-effect`'s `GlassView`, a plain View off iOS */
+export declare class GlassView extends GlassViewBase {
+}
+/** Angular twin of `expo-glass-effect`'s `GlassContainer`, a plain View off iOS */
+export declare class GlassContainer extends GlassContainerBase {
+}

package/build/angular/glass/index.android.js

@@ -0,0 +1,93 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DescriptorHost } from '@symbiote-native/angular';
+import { GlassContainerBase, GlassViewBase } from './shared.js';
+/** Angular twin of `expo-glass-effect`'s `GlassView`, a plain View off iOS */
+let GlassView = (() => {
+    let _classDecorators = [Component({
+            selector: 'GlassView',
+            standalone: true,
+            imports: [DescriptorHost],
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            template: `@if (descriptor; as node) {
+    <symbiote-descriptor-host [node]="node"><ng-content /></symbiote-descriptor-host>
+  }`,
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = GlassViewBase;
+    var GlassView = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            GlassView = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return GlassView = _classThis;
+})();
+export { GlassView };
+/** Angular twin of `expo-glass-effect`'s `GlassContainer`, a plain View off iOS */
+let GlassContainer = (() => {
+    let _classDecorators = [Component({
+            selector: 'GlassContainer',
+            standalone: true,
+            imports: [DescriptorHost],
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            template: `@if (descriptor; as node) {
+    <symbiote-descriptor-host [node]="node"><ng-content /></symbiote-descriptor-host>
+  }`,
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = GlassContainerBase;
+    var GlassContainer = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            GlassContainer = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return GlassContainer = _classThis;
+})();
+export { GlassContainer };

package/build/angular/glass/index.d.ts

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

package/build/angular/glass/index.ios.d.ts

@@ -0,0 +1,9 @@
+import { GlassContainerBase, GlassViewBase } from './shared';
+/** Angular twin of `expo-glass-effect`'s `GlassView`, content goes inside the native view */
+export declare class GlassView extends GlassViewBase {
+    constructor();
+}
+/** Angular twin of `expo-glass-effect`'s `GlassContainer`, merges the glass views it holds */
+export declare class GlassContainer extends GlassContainerBase {
+    constructor();
+}

package/build/angular/glass/index.ios.js

@@ -0,0 +1,112 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { ChangeDetectionStrategy, Component, NO_ERRORS_SCHEMA, } from '@angular/core';
+import { SymbioteHostPropsDirective } from '@symbiote-native/angular';
+import { warnIfViewNameIsDynamic } from '@symbiote-native/engine';
+import { GLASS_EFFECT_MODULE_NAME } from '../../core/index.js';
+import { GlassContainerBase, GlassViewBase } from './shared.js';
+const VIEW_TAG = 'ViewManagerAdapter_ExpoGlassEffect_GlassView';
+const CONTAINER_TAG = 'ViewManagerAdapter_ExpoGlassEffect_GlassContainer';
+/** Angular twin of `expo-glass-effect`'s `GlassView`, content goes inside the native view */
+let GlassView = (() => {
+    let _classDecorators = [Component({
+            selector: 'GlassView',
+            standalone: true,
+            imports: [SymbioteHostPropsDirective],
+            schemas: [NO_ERRORS_SCHEMA],
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            // Имя тега это нативное имя view, его нельзя собрать динамически
+            template: `@if (descriptor; as node) {
+    <ViewManagerAdapter_ExpoGlassEffect_GlassView [symbioteHostProps]="node.props">
+      <ng-content />
+    </ViewManagerAdapter_ExpoGlassEffect_GlassView>
+  }`,
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = GlassViewBase;
+    var GlassView = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            GlassView = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor() {
+            super();
+            warnIfViewNameIsDynamic(VIEW_TAG, GLASS_EFFECT_MODULE_NAME, 'GlassView');
+        }
+    };
+    return GlassView = _classThis;
+})();
+export { GlassView };
+/** Angular twin of `expo-glass-effect`'s `GlassContainer`, merges the glass views it holds */
+let GlassContainer = (() => {
+    let _classDecorators = [Component({
+            selector: 'GlassContainer',
+            standalone: true,
+            imports: [SymbioteHostPropsDirective],
+            schemas: [NO_ERRORS_SCHEMA],
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            template: `@if (descriptor; as node) {
+    <ViewManagerAdapter_ExpoGlassEffect_GlassContainer [symbioteHostProps]="node.props">
+      <ng-content />
+    </ViewManagerAdapter_ExpoGlassEffect_GlassContainer>
+  }`,
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = GlassContainerBase;
+    var GlassContainer = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            GlassContainer = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor() {
+            super();
+            warnIfViewNameIsDynamic(CONTAINER_TAG, GLASS_EFFECT_MODULE_NAME, 'GlassContainer');
+        }
+    };
+    return GlassContainer = _classThis;
+})();
+export { GlassContainer };

package/build/angular/glass/index.js

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

package/build/angular/glass/shared.d.ts

@@ -0,0 +1,16 @@
+import { NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import type { IGlassContainerProps, IGlassViewProps } from '../../core';
+export declare abstract class GlassViewBase extends NativeViewBase {
+    glassEffectStyle?: IGlassViewProps['glassEffectStyle'];
+    tintColor?: IGlassViewProps['tintColor'];
+    isInteractive?: IGlassViewProps['isInteractive'];
+    colorScheme?: IGlassViewProps['colorScheme'];
+    protected readonly propNames: readonly ["glassEffectStyle", "tintColor", "isInteractive", "colorScheme"];
+    protected renderView(props: object): IDescriptor;
+}
+export declare abstract class GlassContainerBase extends NativeViewBase {
+    spacing?: IGlassContainerProps['spacing'];
+    protected readonly propNames: readonly ["spacing"];
+    protected renderView(props: object): IDescriptor;
+}

package/build/angular/glass/shared.js

@@ -0,0 +1,121 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { Directive, Input } from '@angular/core';
+import { NativeViewBase } from '@symbiote-native/angular';
+import { renderGlassContainer, renderGlassView } from '../../core/index.js';
+// Inputs и сборка дескриптора общие, платформы различаются только шаблоном
+let GlassViewBase = (() => {
+    let _classDecorators = [Directive()];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = NativeViewBase;
+    let _glassEffectStyle_decorators;
+    let _glassEffectStyle_initializers = [];
+    let _glassEffectStyle_extraInitializers = [];
+    let _tintColor_decorators;
+    let _tintColor_initializers = [];
+    let _tintColor_extraInitializers = [];
+    let _isInteractive_decorators;
+    let _isInteractive_initializers = [];
+    let _isInteractive_extraInitializers = [];
+    let _colorScheme_decorators;
+    let _colorScheme_initializers = [];
+    let _colorScheme_extraInitializers = [];
+    var GlassViewBase = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _glassEffectStyle_decorators = [Input()];
+            _tintColor_decorators = [Input()];
+            _isInteractive_decorators = [Input()];
+            _colorScheme_decorators = [Input()];
+            __esDecorate(null, null, _glassEffectStyle_decorators, { kind: "field", name: "glassEffectStyle", static: false, private: false, access: { has: obj => "glassEffectStyle" in obj, get: obj => obj.glassEffectStyle, set: (obj, value) => { obj.glassEffectStyle = value; } }, metadata: _metadata }, _glassEffectStyle_initializers, _glassEffectStyle_extraInitializers);
+            __esDecorate(null, null, _tintColor_decorators, { kind: "field", name: "tintColor", static: false, private: false, access: { has: obj => "tintColor" in obj, get: obj => obj.tintColor, set: (obj, value) => { obj.tintColor = value; } }, metadata: _metadata }, _tintColor_initializers, _tintColor_extraInitializers);
+            __esDecorate(null, null, _isInteractive_decorators, { kind: "field", name: "isInteractive", static: false, private: false, access: { has: obj => "isInteractive" in obj, get: obj => obj.isInteractive, set: (obj, value) => { obj.isInteractive = value; } }, metadata: _metadata }, _isInteractive_initializers, _isInteractive_extraInitializers);
+            __esDecorate(null, null, _colorScheme_decorators, { kind: "field", name: "colorScheme", static: false, private: false, access: { has: obj => "colorScheme" in obj, get: obj => obj.colorScheme, set: (obj, value) => { obj.colorScheme = value; } }, metadata: _metadata }, _colorScheme_initializers, _colorScheme_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            GlassViewBase = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        glassEffectStyle = __runInitializers(this, _glassEffectStyle_initializers, void 0);
+        tintColor = (__runInitializers(this, _glassEffectStyle_extraInitializers), __runInitializers(this, _tintColor_initializers, void 0));
+        isInteractive = (__runInitializers(this, _tintColor_extraInitializers), __runInitializers(this, _isInteractive_initializers, void 0));
+        colorScheme = (__runInitializers(this, _isInteractive_extraInitializers), __runInitializers(this, _colorScheme_initializers, void 0));
+        propNames = (__runInitializers(this, _colorScheme_extraInitializers), [
+            'glassEffectStyle',
+            'tintColor',
+            'isInteractive',
+            'colorScheme',
+        ]);
+        renderView(props) {
+            return renderGlassView(props);
+        }
+    };
+    return GlassViewBase = _classThis;
+})();
+export { GlassViewBase };
+let GlassContainerBase = (() => {
+    let _classDecorators = [Directive()];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = NativeViewBase;
+    let _spacing_decorators;
+    let _spacing_initializers = [];
+    let _spacing_extraInitializers = [];
+    var GlassContainerBase = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _spacing_decorators = [Input()];
+            __esDecorate(null, null, _spacing_decorators, { kind: "field", name: "spacing", static: false, private: false, access: { has: obj => "spacing" in obj, get: obj => obj.spacing, set: (obj, value) => { obj.spacing = value; } }, metadata: _metadata }, _spacing_initializers, _spacing_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            GlassContainerBase = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        spacing = __runInitializers(this, _spacing_initializers, void 0);
+        propNames = (__runInitializers(this, _spacing_extraInitializers), [
+            'spacing',
+        ]);
+        renderView(props) {
+            return renderGlassContainer(props);
+        }
+    };
+    return GlassContainerBase = _classThis;
+})();
+export { GlassContainerBase };

package/build/angular/index.d.ts

@@ -0,0 +1,2 @@
+export { GlassContainer, GlassView } from './glass';
+export { GLASS_EFFECT_MODULE_NAME, glassContainerName, glassViewName, isGlassEffectAPIAvailable, isLiquidGlassAvailable, type IGlassColorScheme, type IGlassContainerProps, type IGlassEffectStyleConfig, type IGlassStyle, type IGlassViewProps, } from '../core';

package/build/angular/index.js

@@ -0,0 +1,3 @@
+// @symbiote-native/glass-effect/angular: компоненты `GlassView` и `GlassContainer` поверх общего ядра
+export { GlassContainer, GlassView } from './glass';
+export { GLASS_EFFECT_MODULE_NAME, glassContainerName, glassViewName, isGlassEffectAPIAvailable, isLiquidGlassAvailable, } from '../core/index.js';

package/build/core/glass-effect.d.ts

@@ -0,0 +1,62 @@
+import type { IAccessibilityProps, IAriaProps, IDescriptor, IResponderProps } from '@symbiote-native/components';
+import type { IColorValue, IStyleProp, ISymbioteEvent, IViewStyle } from '@symbiote-native/engine';
+export declare const GLASS_EFFECT_MODULE_NAME = "ExpoGlassEffect";
+export type IGlassStyle = 'clear' | 'regular' | 'none';
+export type IGlassEffectStyleConfig = {
+    /** The glass effect style to apply */
+    style: IGlassStyle;
+    /**
+     * Whether to animate the style change
+     * @default false
+     */
+    animate?: boolean;
+    /** Duration of the animation in seconds, the system default when omitted */
+    animationDuration?: number;
+};
+export type IGlassColorScheme = 'auto' | 'light' | 'dark';
+type IViewSurface = IAccessibilityProps & IAriaProps & IResponderProps & {
+    style?: IStyleProp<IViewStyle>;
+    testID?: string;
+    nativeID?: string;
+    onLayout?: (event: ISymbioteEvent) => void;
+};
+export type IGlassViewProps = IViewSurface & {
+    /**
+     * A style name or a config object that controls the animation
+     * @default 'regular'
+     */
+    glassEffectStyle?: IGlassStyle | IGlassEffectStyleConfig;
+    tintColor?: IColorValue;
+    /**
+     * @default false
+     */
+    isInteractive?: boolean;
+    /**
+     * Overrides the system appearance when the app has its own theme toggle
+     * @default 'auto'
+     */
+    colorScheme?: IGlassColorScheme;
+};
+export type IGlassContainerProps = IViewSurface & {
+    /** The distance at which glass elements start affecting each other */
+    spacing?: number;
+};
+export declare const glassViewName: () => string;
+export declare const glassContainerName: () => string;
+export declare const ensureGlassViewRegistered: () => boolean;
+export declare const ensureGlassContainerRegistered: () => boolean;
+export declare function renderGlassView(props: object): IDescriptor;
+export declare function renderGlassContainer(props: object): IDescriptor;
+/**
+ * Whether the app renders with the Liquid Glass design, component availability only
+ * Accessibility settings can still limit the effect, see `AccessibilityInfo`
+ * @platform ios
+ */
+export declare function isLiquidGlassAvailable(): boolean;
+/**
+ * Whether the Liquid Glass API exists at runtime, some iOS 26 betas lack it and crash
+ * Check before using `GlassView` and `GlassContainer`
+ * @platform ios
+ */
+export declare function isGlassEffectAPIAvailable(): boolean;
+export {};

package/build/core/glass-effect.js

@@ -0,0 +1,71 @@
+// Ядро `GlassView` и `GlassContainer`, порт expo-glass-effect, нативное только на iOS
+import { Platform, requireNativeModule, requireNativeViewManager, } from 'expo-modules-core';
+import { el } from '@symbiote-native/components';
+import { defineExpoNativeViews } from '@symbiote-native/engine';
+export const GLASS_EFFECT_MODULE_NAME = 'ExpoGlassEffect';
+const GLASS_VIEW_NAME = 'GlassView';
+const GLASS_CONTAINER_NAME = 'GlassContainer';
+// Эти ключи имеют смысл только у нативного view, у обычного View их быть не должно
+const GLASS_VIEW_KEYS = new Set([
+    'glassEffectStyle',
+    'tintColor',
+    'isInteractive',
+    'colorScheme',
+]);
+const GLASS_CONTAINER_KEYS = new Set(['spacing']);
+// Регистрация идёт при рендере: побочный эффект барреля теряется в release
+const views = defineExpoNativeViews(requireNativeViewManager, GLASS_EFFECT_MODULE_NAME, { glass: GLASS_VIEW_NAME, container: GLASS_CONTAINER_NAME });
+export const glassViewName = views.glass.name;
+export const glassContainerName = views.container.name;
+export const ensureGlassViewRegistered = views.glass.ensureRegistered;
+export const ensureGlassContainerRegistered = views.container.ensureRegistered;
+function runsOnIos() {
+    return Platform.select({ ios: true, default: false });
+}
+function withoutKeys(props, keys) {
+    return Object.fromEntries(Object.entries(props).filter(([key]) => !keys.has(key)));
+}
+// `object`, а не тип пропсов: Vue и Angular отдают нетипизированный набор атрибутов
+export function renderGlassView(props) {
+    if (!runsOnIos())
+        return el('view', withoutKeys(props, GLASS_VIEW_KEYS));
+    if (!ensureGlassViewRegistered()) {
+        console.warn('GlassView is not available on this platform');
+        return el('view', withoutKeys(props, GLASS_VIEW_KEYS));
+    }
+    return el(glassViewName(), { ...props });
+}
+export function renderGlassContainer(props) {
+    if (!runsOnIos()) {
+        return el('view', withoutKeys(props, GLASS_CONTAINER_KEYS));
+    }
+    if (!ensureGlassContainerRegistered()) {
+        console.warn('GlassContainer is not available on this platform');
+        return el('view', withoutKeys(props, GLASS_CONTAINER_KEYS));
+    }
+    return el(glassContainerName(), { ...props });
+}
+let isLiquidGlass;
+let isGlassApi;
+/**
+ * Whether the app renders with the Liquid Glass design, component availability only
+ * Accessibility settings can still limit the effect, see `AccessibilityInfo`
+ * @platform ios
+ */
+export function isLiquidGlassAvailable() {
+    if (!runsOnIos())
+        return false;
+    isLiquidGlass ??= !!Reflect.get(requireNativeModule(GLASS_EFFECT_MODULE_NAME), 'isLiquidGlassAvailable');
+    return isLiquidGlass;
+}
+/**
+ * Whether the Liquid Glass API exists at runtime, some iOS 26 betas lack it and crash
+ * Check before using `GlassView` and `GlassContainer`
+ * @platform ios
+ */
+export function isGlassEffectAPIAvailable() {
+    if (!runsOnIos())
+        return false;
+    isGlassApi ??= !!Reflect.get(requireNativeModule(GLASS_EFFECT_MODULE_NAME), 'isGlassEffectAPIAvailable');
+    return isGlassApi;
+}

package/build/core/index.d.ts

@@ -0,0 +1 @@
+export { GLASS_EFFECT_MODULE_NAME, ensureGlassContainerRegistered, ensureGlassViewRegistered, glassContainerName, glassViewName, isGlassEffectAPIAvailable, isLiquidGlassAvailable, renderGlassContainer, renderGlassView, type IGlassColorScheme, type IGlassContainerProps, type IGlassEffectStyleConfig, type IGlassStyle, type IGlassViewProps, } from './glass-effect';

package/build/core/index.js

@@ -0,0 +1 @@
+export { GLASS_EFFECT_MODULE_NAME, ensureGlassContainerRegistered, ensureGlassViewRegistered, glassContainerName, glassViewName, isGlassEffectAPIAvailable, isLiquidGlassAvailable, renderGlassContainer, renderGlassView, } from './glass-effect.js';

package/build/react/glass-effect.d.ts

@@ -0,0 +1,17 @@
+import type { ReactElement, ReactNode, RefObject } from 'react';
+import type { IHostInstance, IViewProps } from '@symbiote-native/react';
+import type { IGlassContainerProps, IGlassViewProps } from '../core';
+export type IGlassViewReactProps = IGlassViewProps & Omit<IViewProps, keyof IGlassViewProps | 'children' | 'ref'> & {
+    ref?: RefObject<IHostInstance | null>;
+    children?: ReactNode;
+    className?: string;
+};
+export type IGlassContainerReactProps = IGlassContainerProps & Omit<IViewProps, keyof IGlassContainerProps | 'children' | 'ref'> & {
+    ref?: RefObject<IHostInstance | null>;
+    children?: ReactNode;
+    className?: string;
+};
+/** React twin of `expo-glass-effect`'s `GlassView`, native on iOS and a plain View elsewhere */
+export declare function GlassView(props: IGlassViewReactProps): ReactElement;
+/** React twin of `expo-glass-effect`'s `GlassContainer`, merges the glass views it holds */
+export declare function GlassContainer(props: IGlassContainerReactProps): ReactElement;

package/build/react/glass-effect.js

@@ -0,0 +1,14 @@
+import { createElement } from 'react';
+import { renderGlassContainer, renderGlassView } from '../core/index.js';
+/** React twin of `expo-glass-effect`'s `GlassView`, native on iOS and a plain View elsewhere */
+export function GlassView(props) {
+    const { children, ...rest } = props;
+    const descriptor = renderGlassView(rest);
+    return createElement(descriptor.type, descriptor.props, children);
+}
+/** React twin of `expo-glass-effect`'s `GlassContainer`, merges the glass views it holds */
+export function GlassContainer(props) {
+    const { children, ...rest } = props;
+    const descriptor = renderGlassContainer(rest);
+    return createElement(descriptor.type, descriptor.props, children);
+}

package/build/react/index.d.ts

@@ -0,0 +1,3 @@
+export { GlassContainer, GlassView } from './glass-effect';
+export type { IGlassContainerReactProps as IGlassContainerProps, IGlassViewReactProps as IGlassViewProps, } from './glass-effect';
+export { GLASS_EFFECT_MODULE_NAME, glassContainerName, glassViewName, isGlassEffectAPIAvailable, isLiquidGlassAvailable, type IGlassColorScheme, type IGlassEffectStyleConfig, type IGlassStyle, } from '../core';

package/build/react/index.js

@@ -0,0 +1,3 @@
+// @symbiote-native/glass-effect/react: компоненты `GlassView` и `GlassContainer` поверх общего ядра
+export { GlassContainer, GlassView } from './glass-effect.js';
+export { GLASS_EFFECT_MODULE_NAME, glassContainerName, glassViewName, isGlassEffectAPIAvailable, isLiquidGlassAvailable, } from '../core/index.js';