@symbiote-native/linear-gradient 0.0.0-stage → 0.0.0

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

@@ -0,0 +1,2 @@
+export { LinearGradient } from './linear-gradient';
+export { LINEAR_GRADIENT_MODULE_NAME, linearGradientViewName, type ILinearGradientProps, type ILinearGradientPoint, type INativeLinearGradientPoint, } from '../core';

package/build-ngc/angular/index.js

@@ -0,0 +1,4 @@
+// @symbiote-native/linear-gradient/angular: компонент `LinearGradient` поверх общего ядра
+export { LinearGradient } from './linear-gradient';
+export { LINEAR_GRADIENT_MODULE_NAME, linearGradientViewName, } 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,0FAA0F;AAE1F,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,2BAA2B,EAC3B,sBAAsB,GAIvB,MAAM,SAAS,CAAC"}

package/build-ngc/angular/linear-gradient/index.android.d.ts

@@ -0,0 +1,7 @@
+import { LinearGradientBase } from './shared';
+import * as i0 from "@angular/core";
+/** Angular twin of `expo-linear-gradient`'s `LinearGradient`, a View wraps the gradient leaf */
+export declare class LinearGradient extends LinearGradientBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearGradient, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinearGradient, "LinearGradient", never, {}, {}, never, ["*"], true, never>;
+}

package/build-ngc/angular/linear-gradient/index.android.js

@@ -0,0 +1,24 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DescriptorHost } from '@symbiote-native/angular';
+import { LinearGradientBase } from './shared';
+import * as i0 from "@angular/core";
+/** Angular twin of `expo-linear-gradient`'s `LinearGradient`, a View wraps the gradient leaf */
+export class LinearGradient extends LinearGradientBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LinearGradient, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: LinearGradient, isStandalone: true, selector: "LinearGradient", usesInheritance: 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: LinearGradient, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'LinearGradient',
+                    standalone: true,
+                    imports: [DescriptorHost],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `@if (descriptor; as node) {
+    <symbiote-descriptor-host [node]="node"><ng-content /></symbiote-descriptor-host>
+  }`,
+                }]
+        }] });
+//# sourceMappingURL=index.android.js.map

package/build-ngc/angular/linear-gradient/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../src/angular/linear-gradient/index.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;;AAE9C,gGAAgG;AAUhG,MAAM,OAAO,cAAe,SAAQ,kBAAkB;uGAAzC,cAAc;2FAAd,cAAc,iGAJf;;IAER,4DAJQ,cAAc;;2FAMb,cAAc;kBAT1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;IAER;iBACH"}

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

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

package/build-ngc/angular/linear-gradient/index.ios.d.ts

@@ -0,0 +1,8 @@
+import { LinearGradientBase } from './shared';
+import * as i0 from "@angular/core";
+/** Angular twin of `expo-linear-gradient`'s `LinearGradient`, children go inside the native view */
+export declare class LinearGradient extends LinearGradientBase {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearGradient, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinearGradient, "LinearGradient", never, {}, {}, never, ["*"], true, never>;
+}

package/build-ngc/angular/linear-gradient/index.ios.js

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, NO_ERRORS_SCHEMA, } from '@angular/core';
+import { SymbioteHostPropsDirective } from '@symbiote-native/angular';
+import { warnIfViewNameIsDynamic } from '@symbiote-native/engine';
+import { LINEAR_GRADIENT_MODULE_NAME } from '../../core';
+import { LinearGradientBase } from './shared';
+import * as i0 from "@angular/core";
+const TEMPLATE_TAG = 'ViewManagerAdapter_ExpoLinearGradient';
+/** Angular twin of `expo-linear-gradient`'s `LinearGradient`, children go inside the native view */
+export class LinearGradient extends LinearGradientBase {
+    constructor() {
+        super();
+        warnIfViewNameIsDynamic(TEMPLATE_TAG, LINEAR_GRADIENT_MODULE_NAME);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LinearGradient, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: LinearGradient, isStandalone: true, selector: "LinearGradient", usesInheritance: true, ngImport: i0, template: `@if (descriptor; as node) {
+    <ViewManagerAdapter_ExpoLinearGradient [symbioteHostProps]="node.props">
+      <ng-content />
+    </ViewManagerAdapter_ExpoLinearGradient>
+  }`, isInline: true, dependencies: [{ kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LinearGradient, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'LinearGradient',
+                    standalone: true,
+                    imports: [SymbioteHostPropsDirective],
+                    schemas: [NO_ERRORS_SCHEMA],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    // Имя тега это нативное имя view, его нельзя собрать динамически
+                    template: `@if (descriptor; as node) {
+    <ViewManagerAdapter_ExpoLinearGradient [symbioteHostProps]="node.props">
+      <ng-content />
+    </ViewManagerAdapter_ExpoLinearGradient>
+  }`,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=index.ios.js.map

package/build-ngc/angular/linear-gradient/index.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../src/angular/linear-gradient/index.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;;AAE9C,MAAM,YAAY,GAAG,uCAAuC,CAAC;AAE7D,oGAAoG;AAcpG,MAAM,OAAO,cAAe,SAAQ,kBAAkB;IACpD;QACE,KAAK,EAAE,CAAC;QACR,uBAAuB,CAAC,YAAY,EAAE,2BAA2B,CAAC,CAAC;IACrE,CAAC;uGAJU,cAAc;2FAAd,cAAc,iGANf;;;;IAIR,4DARQ,0BAA0B;;2FAUzB,cAAc;kBAb1B,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;;;;IAIR;iBACH"}

package/build-ngc/angular/linear-gradient/index.js

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

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

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

package/build-ngc/angular/linear-gradient/shared.d.ts

@@ -0,0 +1,15 @@
+import { NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import type { ILinearGradientProps } from '../../core/linear-gradient';
+import * as i0 from "@angular/core";
+export declare abstract class LinearGradientBase extends NativeViewBase {
+    colors: ILinearGradientProps['colors'];
+    locations?: ILinearGradientProps['locations'];
+    start?: ILinearGradientProps['start'];
+    end?: ILinearGradientProps['end'];
+    dither?: ILinearGradientProps['dither'];
+    protected readonly propNames: readonly ["colors", "locations", "start", "end", "dither"];
+    protected renderView(props: object): IDescriptor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearGradientBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LinearGradientBase, never, never, { "colors": { "alias": "colors"; "required": true; }; "locations": { "alias": "locations"; "required": false; }; "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "dither": { "alias": "dither"; "required": false; }; }, {}, never, never, true, never>;
+}

package/build-ngc/angular/linear-gradient/shared.js

@@ -0,0 +1,39 @@
+import { Directive, Input } from '@angular/core';
+import { NativeViewBase } from '@symbiote-native/angular';
+import { renderLinearGradient } from '../../core/linear-gradient';
+import * as i0 from "@angular/core";
+// Inputs и сборка дескриптора общие, платформы различаются только шаблоном
+export class LinearGradientBase extends NativeViewBase {
+    colors;
+    locations;
+    start;
+    end;
+    dither;
+    propNames = [
+        'colors',
+        'locations',
+        'start',
+        'end',
+        'dither',
+    ];
+    renderView(props) {
+        return renderLinearGradient(props);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LinearGradientBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: LinearGradientBase, isStandalone: true, inputs: { colors: "colors", locations: "locations", start: "start", end: "end", dither: "dither" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LinearGradientBase, decorators: [{
+            type: Directive
+        }], propDecorators: { colors: [{
+                type: Input,
+                args: [{ required: true }]
+            }], locations: [{
+                type: Input
+            }], start: [{
+                type: Input
+            }], end: [{
+                type: Input
+            }], dither: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=shared.js.map

package/build-ngc/angular/linear-gradient/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/angular/linear-gradient/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,4BAA4B,CAAC;;AAGlE,2EAA2E;AAE3E,MAAM,OAAgB,kBAAmB,SAAQ,cAAc;IAClC,MAAM,CAAkC;IAC1D,SAAS,CAAqC;IAC9C,KAAK,CAAiC;IACtC,GAAG,CAA+B;IAClC,MAAM,CAAkC;IAErB,SAAS,GAAG;QACtC,QAAQ;QACR,WAAW;QACX,OAAO;QACP,KAAK;QACL,QAAQ;KACgD,CAAC;IAExC,UAAU,CAAC,KAAa;QACzC,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;uGAjBmB,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBADvC,SAAS;;sBAEP,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK"}

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

@@ -0,0 +1 @@
+export { LINEAR_GRADIENT_MODULE_NAME, ensureLinearGradientRegistered, linearGradientViewName, normalizePoint, renderLinearGradient, type ILinearGradientPoint, type ILinearGradientProps, type INativeLinearGradientPoint, } from './linear-gradient';

package/build-ngc/core/index.js

@@ -0,0 +1,2 @@
+export { LINEAR_GRADIENT_MODULE_NAME, ensureLinearGradientRegistered, linearGradientViewName, normalizePoint, renderLinearGradient, } from './linear-gradient';
+//# 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,2BAA2B,EAC3B,8BAA8B,EAC9B,sBAAsB,EACtB,cAAc,EACd,oBAAoB,GAIrB,MAAM,mBAAmB,CAAC"}

package/build-ngc/core/linear-gradient.d.ts

@@ -0,0 +1,33 @@
+import type { IAccessibilityProps, IAriaProps, IDescriptor, IResponderProps } from '@symbiote-native/components';
+import type { IColorValue, IStyleProp, ISymbioteEvent, IViewStyle } from '@symbiote-native/engine';
+export declare const LINEAR_GRADIENT_MODULE_NAME = "ExpoLinearGradient";
+export type INativeLinearGradientPoint = [x: number, y: number];
+/** Доли размера градиента от 0 до 1, объект `{ x, y }` или пара `[x, y]` */
+export type ILinearGradientPoint = {
+    x: number;
+    y: number;
+} | INativeLinearGradientPoint;
+export type ILinearGradientProps = IAccessibilityProps & IAriaProps & IResponderProps & {
+    /** Минимум два цвета, для одного используйте `style.backgroundColor` у View */
+    colors: readonly [IColorValue, IColorValue, ...IColorValue[]];
+    /** Позиции остановок от 0 до 1 по возрастанию, той же длины, что и `colors` */
+    locations?: readonly [number, number, ...number[]] | null;
+    /** @default { x: 0.5, y: 0.0 } */
+    start?: ILinearGradientPoint | null;
+    /** @default { x: 0.5, y: 1.0 } */
+    end?: ILinearGradientPoint | null;
+    /**
+     * Дизеринг убирает полосы в градиенте, false может ускорить отрисовку
+     * @default true
+     * @platform android
+     */
+    dither?: boolean;
+    style?: IStyleProp<IViewStyle>;
+    testID?: string;
+    nativeID?: string;
+    onLayout?: (event: ISymbioteEvent) => void;
+};
+export declare function linearGradientViewName(): string;
+export declare function ensureLinearGradientRegistered(): boolean;
+export declare function normalizePoint(point: unknown): INativeLinearGradientPoint | undefined;
+export declare function renderLinearGradient(props: object): IDescriptor;

package/build-ngc/core/linear-gradient.js

@@ -0,0 +1,106 @@
+// Ядро `LinearGradient`, порт `LinearGradient.tsx` из expo-linear-gradient
+import { Platform, requireNativeViewManager } from 'expo-modules-core';
+import { el } from '@symbiote-native/components';
+import { expoViewManagerName, flattenStyle, processColor, styleOfProps, tryRegisterNativeView, } from '@symbiote-native/engine';
+export const LINEAR_GRADIENT_MODULE_NAME = 'ExpoLinearGradient';
+// Эти ключи разбираются здесь, остальное уходит на хост как есть
+const GRADIENT_KEYS = new Set([
+    'colors',
+    'locations',
+    'start',
+    'end',
+    'dither',
+]);
+const ABSOLUTE_FILL = {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+};
+export function linearGradientViewName() {
+    return expoViewManagerName(LINEAR_GRADIENT_MODULE_NAME);
+}
+// Регистрирует view config в реестре RN, из него движок берёт события и процессоры пропсов
+// Зовётся при рендере, а не при импорте: регистрация в побочном эффекте барреля теряется в release
+export function ensureLinearGradientRegistered() {
+    return tryRegisterNativeView(() => requireNativeViewManager(LINEAR_GRADIENT_MODULE_NAME));
+}
+function isNumber(value) {
+    return typeof value === 'number';
+}
+export function normalizePoint(point) {
+    if (!point)
+        return undefined;
+    if (Array.isArray(point)) {
+        const [x, y] = point;
+        if (point.length === 2 && isNumber(x) && isNumber(y))
+            return [x, y];
+        console.warn('start and end props for LinearGradient must be of the format [x,y] or {x, y}');
+        return undefined;
+    }
+    const x = Reflect.get(Object(point), 'x');
+    const y = Reflect.get(Object(point), 'y');
+    return isNumber(x) && isNumber(y) ? [x, y] : undefined;
+}
+function resolveLocations(colors, locations) {
+    if (!Array.isArray(locations))
+        return undefined;
+    if (locations.length === colors.length)
+        return locations;
+    console.warn('LinearGradient colors and locations props should be arrays of the same length');
+    return locations.slice(0, colors.length);
+}
+function radiusOr(value, fallback) {
+    return isNumber(value) ? value : fallback;
+}
+// Формат из `Path.addRoundRect`: по два значения на угол, начиная с верхнего левого
+function borderRadiiOf(style) {
+    const flat = flattenStyle(style) ?? {};
+    const base = radiusOr(flat.borderRadius, 0);
+    const topLeft = radiusOr(flat.borderTopLeftRadius, base);
+    const topRight = radiusOr(flat.borderTopRightRadius, base);
+    const bottomRight = radiusOr(flat.borderBottomRightRadius, base);
+    const bottomLeft = radiusOr(flat.borderBottomLeftRadius, base);
+    return [
+        topLeft,
+        topLeft,
+        topRight,
+        topRight,
+        bottomRight,
+        bottomRight,
+        bottomLeft,
+        bottomLeft,
+    ];
+}
+function withoutUndefined(props) {
+    return Object.fromEntries(Object.entries(props).filter(([, value]) => value !== undefined));
+}
+// `object`, а не тип пропсов: Vue и Angular отдают нетипизированный набор атрибутов
+export function renderLinearGradient(props) {
+    const hostProps = Object.fromEntries(Object.entries(props).filter(([key]) => !GRADIENT_KEYS.has(key)));
+    if (!ensureLinearGradientRegistered()) {
+        console.warn('LinearGradient is not available on this platform');
+        return el('view', hostProps);
+    }
+    const colors = Reflect.get(props, 'colors');
+    const colorList = Array.isArray(colors) ? colors : [];
+    const nativeProps = withoutUndefined({
+        colors: colorList.map(color => processColor(color)),
+        locations: resolveLocations(colorList, Reflect.get(props, 'locations')),
+        startPoint: normalizePoint(Reflect.get(props, 'start')),
+        endPoint: normalizePoint(Reflect.get(props, 'end')),
+    });
+    if (!Platform.select({ android: true, default: false })) {
+        return el(linearGradientViewName(), { ...hostProps, ...nativeProps });
+    }
+    // Нативный градиент заполняет View и сам скругляет углы, т.к. RN не обрезает по радиусу
+    const native = el(linearGradientViewName(), withoutUndefined({
+        ...nativeProps,
+        style: ABSOLUTE_FILL,
+        borderRadii: borderRadiiOf(styleOfProps(props)),
+        dither: Reflect.get(props, 'dither'),
+    }));
+    return el('view', hostProps, [native]);
+}
+//# sourceMappingURL=linear-gradient.js.map

package/build-ngc/core/linear-gradient.js.map

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

package/native-link.json

@@ -0,0 +1,12 @@
+{
+  "android": {
+    "gradleProjectName": "expo-linear-gradient",
+    "modules": [
+      {
+        "importPath": "expo.modules.lineargradient.LinearGradientModule",
+        "className": "LinearGradientModule",
+        "nativeName": "ExpoLinearGradient"
+      }
+    ]
+  }
+}

package/package.json

@@ -1,6 +1,148 @@
 {
   "name": "@symbiote-native/linear-gradient",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.0",
+  "description": "expo-linear-gradient wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. A native view that paints a multi-color linear gradient behind its children.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/OneEyed1366/symbiote-native.git",
+    "directory": "packages/linear-gradient"
+  },
+  "homepage": "https://github.com/OneEyed1366/symbiote-native/tree/master/packages/linear-gradient#readme",
+  "bugs": {
+    "url": "https://github.com/OneEyed1366/symbiote-native/issues"
+  },
+  "author": "Andrey Prokopenko <psevdoproger@gmail.com>",
+  "keywords": [
+    "react-native",
+    "symbiote-native",
+    "expo-linear-gradient",
+    "react",
+    "vue",
+    "svelte",
+    "solid",
+    "angular",
+    "gradient",
+    "linear-gradient"
+  ],
+  "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-linear-gradient": "57.0.2",
+    "expo-modules-core": "57.0.20",
+    "@symbiote-native/components": "3.1.4"
+  },
+  "peerDependencies": {
+    "@angular/core": ">=20",
+    "@vue/runtime-core": "^3.5.13",
+    "react": ">=19.0.0",
+    "react-native": ">=0.86",
+    "solid-js": ">=1.9.0",
+    "svelte": ">=5.56.0",
+    "vue": ">=3.5.0",
+    "@symbiote-native/angular": "^3.2.0",
+    "@symbiote-native/react": "^3.2.0",
+    "@symbiote-native/engine": "^1.5.0",
+    "@symbiote-native/solid": "^3.1.0",
+    "@symbiote-native/vue": "^3.2.0",
+    "@symbiote-native/svelte": "^3.1.0"
+  },
+  "peerDependenciesMeta": {
+    "@symbiote-native/angular": {
+      "optional": true
+    },
+    "@symbiote-native/react": {
+      "optional": true
+    },
+    "@symbiote-native/solid": {
+      "optional": true
+    },
+    "@symbiote-native/svelte": {
+      "optional": true
+    },
+    "@symbiote-native/vue": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    },
+    "@vue/runtime-core": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "solid-js": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@angular/compiler": "~22.0.8",
+    "@angular/compiler-cli": "~22.0.8",
+    "@angular/core": "~22.0.8",
+    "@types/node": "^26.0.0",
+    "@types/react": "^19.2.0",
+    "@vue/runtime-core": "^3.5.13",
+    "react": "19.2.3",
+    "solid-js": "^1.9.14",
+    "svelte": "^5.56.0",
+    "typescript": "~6.0.0",
+    "@symbiote-native/angular": "3.2.0",
+    "@symbiote-native/engine": "1.5.0",
+    "@symbiote-native/svelte": "3.1.0",
+    "@symbiote-native/react": "3.2.0",
+    "@symbiote-native/solid": "3.1.0",
+    "@symbiote-native/vue": "3.2.0",
+    "@symbiote-native/test-utils": "0.4.6"
+  },
+  "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/index.ts

@@ -0,0 +1,10 @@
+// @symbiote-native/linear-gradient/angular: компонент `LinearGradient` поверх общего ядра
+
+export { LinearGradient } from './linear-gradient';
+export {
+  LINEAR_GRADIENT_MODULE_NAME,
+  linearGradientViewName,
+  type ILinearGradientProps,
+  type ILinearGradientPoint,
+  type INativeLinearGradientPoint,
+} from '../core';

package/src/angular/linear-gradient/index.android.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DescriptorHost } from '@symbiote-native/angular';
+import { LinearGradientBase } from './shared';
+
+/** Angular twin of `expo-linear-gradient`'s `LinearGradient`, a View wraps the gradient leaf */
+@Component({
+  selector: 'LinearGradient',
+  standalone: true,
+  imports: [DescriptorHost],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `@if (descriptor; as node) {
+    <symbiote-descriptor-host [node]="node"><ng-content /></symbiote-descriptor-host>
+  }`,
+})
+export class LinearGradient extends LinearGradientBase {}

package/src/angular/linear-gradient/index.ios.ts

@@ -0,0 +1,32 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  NO_ERRORS_SCHEMA,
+} from '@angular/core';
+import { SymbioteHostPropsDirective } from '@symbiote-native/angular';
+import { warnIfViewNameIsDynamic } from '@symbiote-native/engine';
+import { LINEAR_GRADIENT_MODULE_NAME } from '../../core';
+import { LinearGradientBase } from './shared';
+
+const TEMPLATE_TAG = 'ViewManagerAdapter_ExpoLinearGradient';
+
+/** Angular twin of `expo-linear-gradient`'s `LinearGradient`, children go inside the native view */
+@Component({
+  selector: 'LinearGradient',
+  standalone: true,
+  imports: [SymbioteHostPropsDirective],
+  schemas: [NO_ERRORS_SCHEMA],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  // Имя тега это нативное имя view, его нельзя собрать динамически
+  template: `@if (descriptor; as node) {
+    <ViewManagerAdapter_ExpoLinearGradient [symbioteHostProps]="node.props">
+      <ng-content />
+    </ViewManagerAdapter_ExpoLinearGradient>
+  }`,
+})
+export class LinearGradient extends LinearGradientBase {
+  constructor() {
+    super();
+    warnIfViewNameIsDynamic(TEMPLATE_TAG, LINEAR_GRADIENT_MODULE_NAME);
+  }
+}

package/src/angular/linear-gradient/index.ts

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

package/src/angular/linear-gradient/shared.ts

@@ -0,0 +1,27 @@
+import { Directive, Input } from '@angular/core';
+import { NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import { renderLinearGradient } from '../../core/linear-gradient';
+import type { ILinearGradientProps } from '../../core/linear-gradient';
+
+// Inputs и сборка дескриптора общие, платформы различаются только шаблоном
+@Directive()
+export abstract class LinearGradientBase extends NativeViewBase {
+  @Input({ required: true }) colors!: ILinearGradientProps['colors'];
+  @Input() locations?: ILinearGradientProps['locations'];
+  @Input() start?: ILinearGradientProps['start'];
+  @Input() end?: ILinearGradientProps['end'];
+  @Input() dither?: ILinearGradientProps['dither'];
+
+  protected override readonly propNames = [
+    'colors',
+    'locations',
+    'start',
+    'end',
+    'dither',
+  ] as const satisfies readonly (keyof LinearGradientBase)[];
+
+  protected override renderView(props: object): IDescriptor {
+    return renderLinearGradient(props);
+  }
+}

package/src/core/index.ts

@@ -0,0 +1,10 @@
+export {
+  LINEAR_GRADIENT_MODULE_NAME,
+  ensureLinearGradientRegistered,
+  linearGradientViewName,
+  normalizePoint,
+  renderLinearGradient,
+  type ILinearGradientPoint,
+  type ILinearGradientProps,
+  type INativeLinearGradientPoint,
+} from './linear-gradient';