@symbiote-native/glass-effect 0.0.0-stage → 0.1.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,206 @@
-# 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.
+
+Built the same way as [`@symbiote-native/clipboard`](../clipboard)'s `ClipboardPasteButton`, an
+`expo-modules-core` native view reached through `requireNativeViewManager` (see the
+`symbiote-expo-native-module` project skill: why `expo-modules-core` is depended on directly and never
+the `expo` meta-package, why the upstream JS is hand-ported into `core/`, and how autolinking finds the
+native module). One render function in `core/` returns a descriptor and every adapter only turns it into
+its own element.
+
+## Install
+
+**New app:**
+
+```bash
+npx @symbiote-native/cli new my-app --glass-effect
+```
+
+**Existing SymbioteNative app:**
+
+```bash
+npx @symbiote-native/cli add --glass-effect
+```
+
+Either way: installs `@symbiote-native/glass-effect` and wires the native autolinking automatically,
+see [`@symbiote-native/cli`](../cli).
+
+<details>
+<summary>Manual install (no CLI - installing and wiring native autolinking by hand)</summary>
+
+```bash
+npm install @symbiote-native/glass-effect
+```
+
+Depends on `expo-glass-effect` and `expo-modules-core` directly (regular dependencies, pinned to exact
+versions, since this package's `core/` is hand-ported against one specific native API shape).
+Never install `expo-glass-effect` yourself, and never add the `expo` package to this project: it bundles
+its own Metro/Babel pipeline that conflicts with this project's own.
+
+### Required one-time step: native autolinking wiring
+
+`expo-glass-effect`'s native code is discovered by `expo-modules-autolinking`, not by RN's own
+`react-native.config.cjs` mechanism. Wire it into the native host app **once**, it covers this package
+and every other `expo-modules-core` package with zero further changes. The steps and the
+mechanics behind them are in the `symbiote-expo-native-module` skill and in
+[`@symbiote-native/network`](../network)'s README; the reference app is `examples/expo-react`.
+
+</details>
+
+## Shape
+
+```
+src/core/                glass-effect.ts - props, isLiquidGlassAvailable, isGlassEffectAPIAvailable,
+                         renderGlassView / renderGlassContainer (native root on iOS, a plain View
+                         without the glass props elsewhere).
+src/react/               @symbiote-native/glass-effect/react   - GlassView, GlassContainer
+src/vue/                 @symbiote-native/glass-effect/vue     - GlassView, GlassContainer
+src/svelte/              @symbiote-native/glass-effect/svelte  - GlassView, GlassContainer (.svelte)
+src/solid/               @symbiote-native/glass-effect/solid   - GlassView, GlassContainer
+src/angular/glass/       @symbiote-native/glass-effect/angular - GlassView, GlassContainer
+```
+
+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.
+`native-link.json` declares `android.modules: []`, upstream has no Android folder.
+
+## Use it
+
+### React
+
+```tsx
+import { GlassContainer, GlassView } 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>;
+```
+
+### Vue
+
+```vue
+<script setup lang="ts">
+import { GlassContainer, GlassView } from '@symbiote-native/glass-effect/vue';
+</script>
+
+<template>
+  <GlassContainer :spacing="8">
+    <GlassView glass-effect-style="clear" tint-color="rgba(255, 59, 48, 0.7)" is-interactive>
+      <text>Glass</text>
+    </GlassView>
+  </GlassContainer>
+</template>
+```
+
+### Angular
+
+```ts
+import { GlassContainer, GlassView } from '@symbiote-native/glass-effect/angular';
+
+@Component({
+  imports: [GlassContainer, GlassView],
+  template: `
+    <GlassContainer [spacing]="8">
+      <GlassView glassEffectStyle="clear" tintColor="rgba(255, 59, 48, 0.7)" [isInteractive]="true">
+        <text>Glass</text>
+      </GlassView>
+    </GlassContainer>
+  `,
+})
+export class Card {}
+```
+
+### Svelte
+
+```svelte
+<script lang="ts">
+  import { GlassContainer, GlassView } from '@symbiote-native/glass-effect/svelte';
+</script>
+
+<GlassContainer spacing={8}>
+  <GlassView glassEffectStyle="clear" tintColor="rgba(255, 59, 48, 0.7)" isInteractive={true}>
+    <text>Glass</text>
+  </GlassView>
+</GlassContainer>
+```
+
+### Solid
+
+```tsx
+import { GlassContainer, GlassView } from '@symbiote-native/glass-effect/solid';
+
+<GlassContainer spacing={8}>
+  <GlassView glassEffectStyle="clear" tintColor="rgba(255, 59, 48, 0.7)" isInteractive>
+    <text>Glass</text>
+  </GlassView>
+</GlassContainer>;
+```
+
+## API
+
+```ts
+<GlassView
+  glassEffectStyle?={'regular' | 'clear' | 'none' | { style, animate, animationDuration }}
+  tintColor?={ColorValue | PlatformColor | DynamicColorIOS}
+  isInteractive?={boolean}             // default false
+  colorScheme?={'auto' | 'light' | 'dark'}
+  style? testID? nativeID? onLayout? ...View accessibility and responder props
+/>
+<GlassContainer spacing?={number} ...>   // views inside blend when closer than `spacing`
+
+isLiquidGlassAvailable(): boolean        // system, compiler and Info.plist checks, false off iOS
+isGlassEffectAPIAvailable(): boolean     // the API exists at runtime, some iOS 26 betas lack it
+```
+
+Ported from upstream's `GlassView.tsx` and `GlassContainer.tsx`.
+
+## Notes
+
+- **iOS 26 and later only.** Older iOS, Android and the fallback render a plain `View` without the
+  glass props, and `isLiquidGlassAvailable()` reports `false` there.
+- **`isLiquidGlassAvailable()` checks the build, not only the phone.** It validates the system
+  version, the compiler version the app was built with and the `UIDesignRequiresCompatibility`
+  setting in `Info.plist`. `isGlassEffectAPIAvailable()` checks the API at runtime, because some iOS
+  26 betas lack it and crash.
+- **Glass does not survive an opacity of 0.** Setting `opacity` to `0` on a `GlassView` or on any
+  parent stops the glass from rendering at all. Fade it with the `animate` and `animationDuration`
+  fields of `glassEffectStyle` instead.
+- **Merge glass views with `GlassContainer`.** Views inside one container blend into each other when
+  they come within `spacing` of each other.
+- **The native view is the root and the children sit inside it**, so what you put in a `GlassView`
+  is laid out and touched like the content of any `View`.
+- **Not ported.** Nothing: the upstream package has no web or Android variant beyond the plain `View`.
+
+## Common questions
+
+- **A plain view, no glass.** Needs iOS 26 or later, an app built with the iOS 26 SDK (Xcode 26) and
+  no `UIDesignRequiresCompatibility = true` in `Info.plist`. Log `isLiquidGlassAvailable()`.
+- **The glass disappears when its parent fades.** An opacity of 0 on the view or any ancestor stops
+  it rendering (an iOS 26.1 bug). Fade with `glassEffectStyle={{ style, animate: true,
+  animationDuration }}` or toggle the style to `none` while a wrapper is invisible.
+- **`colorScheme` does not update.** Fixed upstream in `expo-glass-effect` 55.0.8, update.
+- **One corner radius is ignored.** Fixed upstream before the SDK 55 release, update.
+- **Merging two shapes.** Put them in one `GlassContainer` and set `spacing`.
+- **Android.** No upstream implementation, both components render a plain `View`.
+
+Sources: [Expo docs: GlassEffect](https://docs.expo.dev/versions/latest/sdk/glass-effect/),
+[expo/expo#41024](https://github.com/expo/expo/issues/41024),
+[expo/expo#50097](https://github.com/expo/expo/issues/50097),
+[expo/expo#43743](https://github.com/expo/expo/issues/43743),
+[expo/expo#40778](https://github.com/expo/expo/issues/40778).
+
+## Test it
+
+No device is needed for the logic. The core tests (`src/core/*.test.ts`) replace `expo-modules-core`
+(`requireNativeViewManager`, `Platform`) and assert the descriptor a render function returns. The
+adapter tests (`src/{react,vue,solid,angular}/**/*.test.*`, `vitest`) render the real component over the
+recording Fabric with an injected view config and assert the committed payload, and Svelte's
+`*.smoke.test.ts` compile the `.svelte` files and mount them. Painting itself is verified on a device in
+the six `examples/expo-*` canary apps (`examples/expo-react`, `examples/expo-vue-sfc`,
+`examples/expo-vue-tsx`, `examples/expo-svelte`, `examples/expo-solid`, `examples/expo-angular`), see the
+parent [README](../../README.md).

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,97 @@
+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,116 @@
+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';