@twick/2d 0.11.0

package/lib/decorators/spacingSignal.js

@@ -0,0 +1,15 @@
+import { Spacing } from '@twick/core';
+import { compound } from './compound';
+import { wrapper } from './signal';
+export function spacingSignal(prefix) {
+    return (target, key) => {
+        compound({
+            top: prefix ? `${prefix}Top` : 'top',
+            right: prefix ? `${prefix}Right` : 'right',
+            bottom: prefix ? `${prefix}Bottom` : 'bottom',
+            left: prefix ? `${prefix}Left` : 'left',
+        })(target, key);
+        wrapper(Spacing)(target, key);
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2luZ1NpZ25hbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvZGVjb3JhdG9ycy9zcGFjaW5nU2lnbmFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSxhQUFhLENBQUM7QUFDcEMsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLFlBQVksQ0FBQztBQUNwQyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sVUFBVSxDQUFDO0FBRWpDLE1BQU0sVUFBVSxhQUFhLENBQUMsTUFBZTtJQUMzQyxPQUFPLENBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQ3JCLFFBQVEsQ0FBQztZQUNQLEdBQUcsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUs7WUFDcEMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTztZQUMxQyxNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQzdDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07U0FDeEMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxHQUFHLENBQUMsQ0FBQztRQUNoQixPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ2hDLENBQUMsQ0FBQztBQUNKLENBQUMifQ==

package/lib/decorators/vector2Signal.d.ts

@@ -0,0 +1,9 @@
+import type { PossibleVector2, Signal } from '@twick/core';
+import { Vector2 } from '@twick/core';
+import type { Length } from '../partials';
+export type Vector2LengthSignal<TOwner> = Signal<PossibleVector2<Length>, Vector2, TOwner> & {
+    x: Signal<Length, number, TOwner>;
+    y: Signal<Length, number, TOwner>;
+};
+export declare function vector2Signal(prefix?: string | Record<string, string>): PropertyDecorator;
+//# sourceMappingURL=vector2Signal.d.ts.map

package/lib/decorators/vector2Signal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vector2Signal.d.ts","sourceRoot":"","sources":["../../src/lib/decorators/vector2Signal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAE,MAAM,EAAC,MAAM,aAAa,CAAC;AACzD,OAAO,EAAC,OAAO,EAAC,MAAM,aAAa,CAAC;AACpC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAIxC,MAAM,MAAM,mBAAmB,CAAC,MAAM,IAAI,MAAM,CAC9C,eAAe,CAAC,MAAM,CAAC,EACvB,OAAO,EACP,MAAM,CACP,GAAG;IACF,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC,CAAC;AAEF,wBAAgB,aAAa,CAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACvC,iBAAiB,CAYnB"}

package/lib/decorators/vector2Signal.js

@@ -0,0 +1,15 @@
+import { Vector2 } from '@twick/core';
+import { compound } from './compound';
+import { wrapper } from './signal';
+export function vector2Signal(prefix) {
+    return (target, key) => {
+        compound(typeof prefix === 'object'
+            ? prefix
+            : {
+                x: prefix ? `${prefix}X` : 'x',
+                y: prefix ? `${prefix}Y` : 'y',
+            })(target, key);
+        wrapper(Vector2)(target, key);
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVjdG9yMlNpZ25hbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvZGVjb3JhdG9ycy92ZWN0b3IyU2lnbmFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSxhQUFhLENBQUM7QUFFcEMsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLFlBQVksQ0FBQztBQUNwQyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sVUFBVSxDQUFDO0FBV2pDLE1BQU0sVUFBVSxhQUFhLENBQzNCLE1BQXdDO0lBRXhDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFDckIsUUFBUSxDQUNOLE9BQU8sTUFBTSxLQUFLLFFBQVE7WUFDeEIsQ0FBQyxDQUFDLE1BQU07WUFDUixDQUFDLENBQUM7Z0JBQ0UsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRztnQkFDOUIsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRzthQUMvQixDQUNOLENBQUMsTUFBTSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLE1BQU0sRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNoQyxDQUFDLENBQUM7QUFDSixDQUFDIn0=

package/lib/index.d.ts

@@ -0,0 +1,9 @@
+export * from './code';
+export * from './components';
+export * from './curves';
+export * from './decorators';
+export * from './jsx-runtime';
+export * from './partials';
+export * from './scenes';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/lib/index.js

@@ -0,0 +1,9 @@
+export * from './code';
+export * from './components';
+export * from './curves';
+export * from './decorators';
+export * from './jsx-runtime';
+export * from './partials';
+export * from './scenes';
+export * from './utils';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvbGliL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsU0FBUyxDQUFDIn0=

package/lib/jsx-dev-runtime.d.ts

@@ -0,0 +1,3 @@
+import { Fragment, jsx } from './jsx-runtime';
+export { Fragment, jsx as jsxDEV };
+//# sourceMappingURL=jsx-dev-runtime.d.ts.map

package/lib/jsx-dev-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/lib/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,GAAG,EAAC,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAE,GAAG,IAAI,MAAM,EAAC,CAAC"}

package/lib/jsx-dev-runtime.js

@@ -0,0 +1,3 @@
+import { Fragment, jsx } from './jsx-runtime';
+export { Fragment, jsx as jsxDEV };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianN4LWRldi1ydW50aW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL2xpYi9qc3gtZGV2LXJ1bnRpbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBRSxHQUFHLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDNUMsT0FBTyxFQUFDLFFBQVEsRUFBRSxHQUFHLElBQUksTUFBTSxFQUFDLENBQUMifQ==

package/lib/jsx-runtime.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentChildren, FunctionComponent, JSXProps, Node, NodeConstructor } from './components';
+export declare namespace JSX {
+    type Element = Node;
+    type ElementClass = Node;
+    interface ElementChildrenAttribute {
+        children: any;
+    }
+}
+export declare const Fragment: FunctionComponent;
+export declare function jsx(type: NodeConstructor | FunctionComponent | typeof Fragment, config: JSXProps, key?: any): ComponentChildren;
+export { jsx as jsxs };
+//# sourceMappingURL=jsx-runtime.d.ts.map

package/lib/jsx-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/lib/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,eAAe,EAChB,MAAM,cAAc,CAAC;AAEtB,yBAAiB,GAAG,CAAC;IACnB,KAAY,OAAO,GAAG,IAAI,CAAC;IAC3B,KAAY,YAAY,GAAG,IAAI,CAAC;IAChC,UAAiB,wBAAwB;QACvC,QAAQ,EAAE,GAAG,CAAC;KACf;CACF;AASD,eAAO,MAAM,QAAQ,EAAE,iBAA4C,CAAC;AAEpE,wBAAgB,GAAG,CACjB,IAAI,EAAE,eAAe,GAAG,iBAAiB,GAAG,OAAO,QAAQ,EAC3D,MAAM,EAAE,QAAQ,EAChB,GAAG,CAAC,EAAE,GAAG,GACR,iBAAiB,CAenB;AACD,OAAO,EAAC,GAAG,IAAI,IAAI,EAAC,CAAC"}

package/lib/jsx-runtime.js

@@ -0,0 +1,23 @@
+function isClassComponent(
+// eslint-disable-next-line @typescript-eslint/ban-types
+fn) {
+    return !!fn.prototype?.isClass;
+}
+export const Fragment = ({ children }) => children;
+export function jsx(type, config, key) {
+    const { ref, children, ...rest } = config;
+    const flatChildren = Array.isArray(children) ? children.flat() : children;
+    if (type === Fragment) {
+        return flatChildren;
+    }
+    if (isClassComponent(type)) {
+        const node = new type({ ...rest, children: flatChildren, key });
+        ref?.(node);
+        return node;
+    }
+    else {
+        return type({ ...rest, ref, children: flatChildren, key });
+    }
+}
+export { jsx as jsxs };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianN4LXJ1bnRpbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvbGliL2pzeC1ydW50aW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCQSxTQUFTLGdCQUFnQjtBQUN2Qix3REFBd0Q7QUFDeEQsRUFBWTtJQUVaLE9BQU8sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDO0FBQ2pDLENBQUM7QUFFRCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQXNCLENBQUMsRUFBQyxRQUFRLEVBQUMsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDO0FBRXBFLE1BQU0sVUFBVSxHQUFHLENBQ2pCLElBQTJELEVBQzNELE1BQWdCLEVBQ2hCLEdBQVM7SUFFVCxNQUFNLEVBQUMsR0FBRyxFQUFFLFFBQVEsRUFBRSxHQUFHLElBQUksRUFBQyxHQUFHLE1BQU0sQ0FBQztJQUN4QyxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUUxRSxJQUFJLElBQUksS0FBSyxRQUFRLEVBQUUsQ0FBQztRQUN0QixPQUFPLFlBQVksQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFBSSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO1FBQzNCLE1BQU0sSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLEVBQUMsR0FBRyxJQUFJLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxHQUFHLEVBQUMsQ0FBQyxDQUFDO1FBQzlELEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ1osT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO1NBQU0sQ0FBQztRQUNOLE9BQU8sSUFBSSxDQUFDLEVBQUMsR0FBRyxJQUFJLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsR0FBRyxFQUFDLENBQUMsQ0FBQztJQUMzRCxDQUFDO0FBQ0gsQ0FBQztBQUNELE9BQU8sRUFBQyxHQUFHLElBQUksSUFBSSxFQUFDLENBQUMifQ==

package/lib/partials/Filter.d.ts

@@ -0,0 +1,82 @@
+import type { SignalValue, SimpleSignal } from '@twick/core';
+/**
+ * All possible CSS filter names.
+ *
+ * @internal
+ */
+export type FilterName = 'invert' | 'sepia' | 'grayscale' | 'brightness' | 'contrast' | 'saturate' | 'hue' | 'blur';
+/**
+ * Definitions of all possible CSS filters.
+ *
+ * @internal
+ */
+export declare const FILTERS: Record<string, Partial<FilterProps>>;
+/**
+ * A unified abstraction for all CSS filters.
+ */
+export interface FilterProps {
+    name: string;
+    value: SignalValue<number>;
+    unit: string;
+    scale: number;
+    transform: boolean;
+    default: number;
+}
+export declare class Filter {
+    get name(): string;
+    get default(): number;
+    readonly value: SimpleSignal<number, Filter>;
+    private readonly props;
+    constructor(props: Partial<FilterProps>);
+    isActive(): boolean;
+    serialize(matrix: DOMMatrix): string;
+}
+/**
+ * Create an {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert | invert} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export declare function invert(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/sepia | sepia} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export declare function sepia(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/grayscale | grayscale} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export declare function grayscale(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/brightness | brightness} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export declare function brightness(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/contrast | contrast} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export declare function contrast(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/saturate | saturate} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export declare function saturate(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/hue-rotate | hue} filter.
+ *
+ * @param value - The value of the filter in degrees.
+ */
+export declare function hue(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/blur | blur} filter.
+ *
+ * @param value - The value of the filter in pixels.
+ */
+export declare function blur(value?: SignalValue<number>): Filter;
+//# sourceMappingURL=Filter.d.ts.map

package/lib/partials/Filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../src/lib/partials/Filter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAG3D;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAClB,QAAQ,GACR,OAAO,GACP,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,KAAK,GACL,MAAM,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAiCxD,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,MAAM;IACjB,IAAW,IAAI,WAEd;IAED,IAAW,OAAO,WAEjB;IAED,SAAgB,KAAK,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAc;gBAEjB,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC;IAavC,QAAQ;IAIR,SAAS,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM;CAQ5C;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAEjD;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAEhD;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAEpD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAErD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAEnD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAEnD;AAED;;;;GAIG;AACH,wBAAgB,GAAG,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAE9C;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAE/C"}

package/lib/partials/Filter.js

@@ -0,0 +1,135 @@
+import { createSignal, map, transformScalar } from '@twick/core';
+/**
+ * Definitions of all possible CSS filters.
+ *
+ * @internal
+ */
+export const FILTERS = {
+    invert: {
+        name: 'invert',
+    },
+    sepia: {
+        name: 'sepia',
+    },
+    grayscale: {
+        name: 'grayscale',
+    },
+    brightness: {
+        name: 'brightness',
+        default: 1,
+    },
+    contrast: {
+        name: 'contrast',
+        default: 1,
+    },
+    saturate: {
+        name: 'saturate',
+        default: 1,
+    },
+    hue: {
+        name: 'hue-rotate',
+        unit: 'deg',
+        scale: 1,
+    },
+    blur: {
+        name: 'blur',
+        transform: true,
+        unit: 'px',
+        scale: 1,
+    },
+};
+export class Filter {
+    get name() {
+        return this.props.name;
+    }
+    get default() {
+        return this.props.default;
+    }
+    constructor(props) {
+        this.props = {
+            name: 'invert',
+            default: 0,
+            unit: '%',
+            scale: 100,
+            transform: false,
+            ...props,
+            value: props.value ?? props.default ?? 0,
+        };
+        this.value = createSignal(this.props.value, map, this);
+    }
+    isActive() {
+        return this.value() !== this.props.default;
+    }
+    serialize(matrix) {
+        let value = this.value();
+        if (this.props.transform) {
+            value = transformScalar(value, matrix);
+        }
+        return `${this.props.name}(${value * this.props.scale}${this.props.unit})`;
+    }
+}
+/**
+ * Create an {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert | invert} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export function invert(value) {
+    return new Filter({ ...FILTERS.invert, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/sepia | sepia} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export function sepia(value) {
+    return new Filter({ ...FILTERS.sepia, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/grayscale | grayscale} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export function grayscale(value) {
+    return new Filter({ ...FILTERS.grayscale, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/brightness | brightness} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export function brightness(value) {
+    return new Filter({ ...FILTERS.brightness, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/contrast | contrast} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export function contrast(value) {
+    return new Filter({ ...FILTERS.contrast, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/saturate | saturate} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export function saturate(value) {
+    return new Filter({ ...FILTERS.saturate, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/hue-rotate | hue} filter.
+ *
+ * @param value - The value of the filter in degrees.
+ */
+export function hue(value) {
+    return new Filter({ ...FILTERS.hue, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/blur | blur} filter.
+ *
+ * @param value - The value of the filter in pixels.
+ */
+export function blur(value) {
+    return new Filter({ ...FILTERS.blur, value });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9wYXJ0aWFscy9GaWx0ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLFlBQVksRUFBRSxHQUFHLEVBQUUsZUFBZSxFQUFDLE1BQU0sYUFBYSxDQUFDO0FBaUIvRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUF5QztJQUMzRCxNQUFNLEVBQUU7UUFDTixJQUFJLEVBQUUsUUFBUTtLQUNmO0lBQ0QsS0FBSyxFQUFFO1FBQ0wsSUFBSSxFQUFFLE9BQU87S0FDZDtJQUNELFNBQVMsRUFBRTtRQUNULElBQUksRUFBRSxXQUFXO0tBQ2xCO0lBQ0QsVUFBVSxFQUFFO1FBQ1YsSUFBSSxFQUFFLFlBQVk7UUFDbEIsT0FBTyxFQUFFLENBQUM7S0FDWDtJQUNELFFBQVEsRUFBRTtRQUNSLElBQUksRUFBRSxVQUFVO1FBQ2hCLE9BQU8sRUFBRSxDQUFDO0tBQ1g7SUFDRCxRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUUsVUFBVTtRQUNoQixPQUFPLEVBQUUsQ0FBQztLQUNYO0lBQ0QsR0FBRyxFQUFFO1FBQ0gsSUFBSSxFQUFFLFlBQVk7UUFDbEIsSUFBSSxFQUFFLEtBQUs7UUFDWCxLQUFLLEVBQUUsQ0FBQztLQUNUO0lBQ0QsSUFBSSxFQUFFO1FBQ0osSUFBSSxFQUFFLE1BQU07UUFDWixTQUFTLEVBQUUsSUFBSTtRQUNmLElBQUksRUFBRSxJQUFJO1FBQ1YsS0FBSyxFQUFFLENBQUM7S0FDVDtDQUNGLENBQUM7QUFjRixNQUFNLE9BQU8sTUFBTTtJQUNqQixJQUFXLElBQUk7UUFDYixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUFXLE9BQU87UUFDaEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUM1QixDQUFDO0lBS0QsWUFBbUIsS0FBMkI7UUFDNUMsSUFB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

package/lib/partials/Gradient.d.ts

@@ -0,0 +1,31 @@
+import type { PossibleColor, PossibleVector2, SignalValue, SimpleSignal, Vector2Signal } from '@twick/core';
+export type GradientType = 'linear' | 'conic' | 'radial';
+export interface GradientStop {
+    offset: SignalValue<number>;
+    color: SignalValue<PossibleColor>;
+}
+export interface GradientProps {
+    type?: SignalValue<GradientType>;
+    fromX?: SignalValue<number>;
+    fromY?: SignalValue<number>;
+    from?: SignalValue<PossibleVector2>;
+    toX?: SignalValue<number>;
+    toY?: SignalValue<number>;
+    to?: SignalValue<PossibleVector2>;
+    angle?: SignalValue<number>;
+    fromRadius?: SignalValue<number>;
+    toRadius?: SignalValue<number>;
+    stops?: GradientStop[];
+}
+export declare class Gradient {
+    readonly type: SimpleSignal<GradientType, this>;
+    readonly from: Vector2Signal<this>;
+    readonly to: Vector2Signal<this>;
+    readonly angle: SimpleSignal<number, this>;
+    readonly fromRadius: SimpleSignal<number, this>;
+    readonly toRadius: SimpleSignal<number, this>;
+    readonly stops: SimpleSignal<GradientStop[], this>;
+    constructor(props: GradientProps);
+    canvasGradient(context: CanvasRenderingContext2D): CanvasGradient;
+}
+//# sourceMappingURL=Gradient.d.ts.map

package/lib/partials/Gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../src/lib/partials/Gradient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,WAAW,EACX,YAAY,EACZ,aAAa,EACd,MAAM,aAAa,CAAC;AAMrB,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IACpC,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,EAAE,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;CACxB;AAED,qBAAa,QAAQ;IACnB,SAEwB,IAAI,EAAE,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAE/D,SACwB,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAElD,SACwB,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAEhD,SAEwB,KAAK,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC1D,SAEwB,UAAU,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC/D,SAEwB,QAAQ,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC7D,SAEwB,KAAK,EAAE,YAAY,CAAC,YAAY,EAAE,EAAE,IAAI,CAAC,CAAC;gBAE/C,KAAK,EAAE,aAAa;IAKhC,cAAc,CAAC,OAAO,EAAE,wBAAwB,GAAG,cAAc;CAuCzE"}

package/lib/partials/Gradient.js

@@ -0,0 +1,63 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Color, unwrap } from '@twick/core';
+import { computed } from '../decorators/computed';
+import { initial, initializeSignals, signal } from '../decorators/signal';
+import { vector2Signal } from '../decorators/vector2Signal';
+export class Gradient {
+    constructor(props) {
+        initializeSignals(this, props);
+    }
+    canvasGradient(context) {
+        let gradient;
+        switch (this.type()) {
+            case 'linear':
+                gradient = context.createLinearGradient(this.from.x(), this.from.y(), this.to.x(), this.to.y());
+                break;
+            case 'conic':
+                gradient = context.createConicGradient(this.angle(), this.from.x(), this.from.y());
+                break;
+            case 'radial':
+                gradient = context.createRadialGradient(this.from.x(), this.from.y(), this.fromRadius(), this.to.x(), this.to.y(), this.toRadius());
+                break;
+        }
+        for (const { offset, color } of this.stops()) {
+            gradient.addColorStop(unwrap(offset), new Color(unwrap(color)).serialize());
+        }
+        return gradient;
+    }
+}
+__decorate([
+    initial('linear'),
+    signal()
+], Gradient.prototype, "type", void 0);
+__decorate([
+    vector2Signal('from')
+], Gradient.prototype, "from", void 0);
+__decorate([
+    vector2Signal('to')
+], Gradient.prototype, "to", void 0);
+__decorate([
+    initial(0),
+    signal()
+], Gradient.prototype, "angle", void 0);
+__decorate([
+    initial(0),
+    signal()
+], Gradient.prototype, "fromRadius", void 0);
+__decorate([
+    initial(0),
+    signal()
+], Gradient.prototype, "toRadius", void 0);
+__decorate([
+    initial([]),
+    signal()
+], Gradient.prototype, "stops", void 0);
+__decorate([
+    computed()
+], Gradient.prototype, "canvasGradient", null);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JhZGllbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3BhcnRpYWxzL0dyYWRpZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQU9BLE9BQU8sRUFBQyxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sYUFBYSxDQUFDO0FBQzFDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLEVBQUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ3hFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQXVCMUQsTUFBTSxPQUFPLFFBQVE7SUF3Qm5CLFlBQW1CLEtBQW9CO1FBQ3JDLGlCQUFpQixDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBR00sY0FBYyxDQUFDLE9BQWlDO1FBQ3JELElBQUksUUFBd0IsQ0FBQztRQUM3QixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLEtBQUssUUFBUTtnQkFDWCxRQUFRLEdBQUcsT0FBTyxDQUFDLG9CQUFvQixDQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQ2IsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFDWCxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUNaLENBQUM7Z0JBQ0YsTUFBTTtZQUNSLEtBQUssT0FBTztnQkFDVixRQUFRLEdBQUcsT0FBTyxDQUFDLG1CQUFtQixDQUNwQyxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUNkLENBQUM7Z0JBQ0YsTUFBTTtZQUNSLEtBQUssUUFBUTtnQkFDWCxRQUFRLEdBQUcsT0FBTyxDQUFDLG9CQUFvQixDQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQ2IsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUNqQixJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUNYLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQ1gsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUNoQixDQUFDO2dCQUNGLE1BQU07UUFDVixDQUFDO1FBRUQsS0FBSyxNQUFNLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDO1lBQzNDLFFBQVEsQ0FBQyxZQUFZLENBQ25CLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFDZCxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FDckMsQ0FBQztRQUNKLENBQUM7UUFFRCxPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDO0NBQ0Y7QUFqRXlCO0lBRnZCLE9BQU8sQ0FBQyxRQUFRLENBQUM7SUFDakIsTUFBTSxFQUFFO3NDQUNzRDtBQUd2QztJQUR2QixhQUFhLENBQUMsTUFBTSxDQUFDO3NDQUM0QjtBQUcxQjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDO29DQUM0QjtBQUl4QjtJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFO3VDQUNpRDtBQUdsQztJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFOzRDQUNzRDtBQUd2QztJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFOzBDQUNvRDtBQUdyQztJQUZ2QixPQUFPLENBQUMsRUFBRSxDQUFDO0lBQ1gsTUFBTSxFQUFFO3VDQUN5RDtBQU8zRDtJQUROLFFBQVEsRUFBRTs4Q0F1Q1YifQ==

package/lib/partials/Pattern.d.ts

@@ -0,0 +1,13 @@
+import type { SimpleSignal } from '@twick/core';
+export type CanvasRepetition = null | 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
+export interface PatternProps {
+    image: CanvasImageSource;
+    repetition?: CanvasRepetition;
+}
+export declare class Pattern {
+    readonly image: SimpleSignal<CanvasImageSource, this>;
+    readonly repetition: SimpleSignal<CanvasRepetition, this>;
+    constructor(props: PatternProps);
+    canvasPattern(context: CanvasRenderingContext2D): CanvasPattern | null;
+}
+//# sourceMappingURL=Pattern.d.ts.map

package/lib/partials/Pattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pattern.d.ts","sourceRoot":"","sources":["../../src/lib/partials/Pattern.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,MAAM,MAAM,gBAAgB,GACxB,IAAI,GACJ,QAAQ,GACR,UAAU,GACV,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,qBAAa,OAAO;IAClB,SACwB,KAAK,EAAE,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;IACrE,SAEwB,UAAU,EAAE,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;gBAEtD,KAAK,EAAE,YAAY;IAK/B,aAAa,CAClB,OAAO,EAAE,wBAAwB,GAChC,aAAa,GAAG,IAAI;CAGxB"}

package/lib/partials/Pattern.js

@@ -0,0 +1,27 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { computed } from '../decorators/computed';
+import { initial, initializeSignals, signal } from '../decorators/signal';
+export class Pattern {
+    constructor(props) {
+        initializeSignals(this, props);
+    }
+    canvasPattern(context) {
+        return context.createPattern(this.image(), this.repetition());
+    }
+}
+__decorate([
+    signal()
+], Pattern.prototype, "image", void 0);
+__decorate([
+    initial(null),
+    signal()
+], Pattern.prototype, "repetition", void 0);
+__decorate([
+    computed()
+], Pattern.prototype, "canvasPattern", null);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGF0dGVybi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvcGFydGlhbHMvUGF0dGVybi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDaEQsT0FBTyxFQUFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQWN4RSxNQUFNLE9BQU8sT0FBTztJQU9sQixZQUFtQixLQUFtQjtRQUNwQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUdNLGFBQWEsQ0FDbEIsT0FBaUM7UUFFakMsT0FBTyxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQztJQUNoRSxDQUFDO0NBQ0Y7QUFmeUI7SUFEdkIsTUFBTSxFQUFFO3NDQUM0RDtBQUc3QztJQUZ2QixPQUFPLENBQUMsSUFBSSxDQUFDO0lBQ2IsTUFBTSxFQUFFOzJDQUNnRTtBQU9sRTtJQUROLFFBQVEsRUFBRTs0Q0FLViJ9

package/lib/partials/ShaderConfig.d.ts

@@ -0,0 +1,81 @@
+import type { SignalValue, WebGLConvertible } from '@twick/core';
+import type { Node } from '../components';
+/**
+ * Describes a shader program used to apply effects to nodes.
+ *
+ * @experimental
+ */
+export interface ShaderConfig {
+    /**
+     * The source code of the fragment shader.
+     *
+     * @example
+     * ```glsl
+     * #version 300 es
+     * precision highp float;
+     *
+     * #include "@twick/core/shaders/common.glsl"
+     *
+     * void main() {
+     *     out_color = texture(core_source_tx, source_uv);
+     * }
+     * ```
+     */
+    fragment: string;
+    /**
+     * Custom uniforms to be passed to the shader.
+     *
+     * @remarks
+     * The keys of this object will be used as the uniform names.
+     * The values can be either a number or an array of numbers.
+     * The following table shows how the values will be mapped to GLSL types.
+     *
+     * | TypeScript                         | GLSL    |
+     * | ---------------------------------- | ------- |
+     * | `number`                           | `float` |
+     * | `[number, number]`                 | `vec2`  |
+     * | `[number, number, number]`         | `vec3`  |
+     * | `[number, number, number, number]` | `vec4`  |
+     *
+     * @example
+     * ```ts
+     * const shader = {
+     *   // ...
+     *   uniforms: {
+     *     my_value: () => 1,
+     *     my_vector: [1, 2, 3],
+     *   },
+     * };
+     * ```
+     *
+     * ```glsl
+     * uniform float my_value;
+     * uniform vec3 my_vector;
+     * ```
+     */
+    uniforms?: Record<string, SignalValue<number | number[] | WebGLConvertible>>;
+    /**
+     * A custom hook run before the shader is used.
+     *
+     * @remarks
+     * Gives you low-level access to the WebGL context and the shader program.
+     *
+     * @param gl - WebGL context.
+     * @param program - The shader program.
+     */
+    setup?: (gl: WebGL2RenderingContext, program: WebGLProgram) => void;
+    /**
+     * A custom hook run after the shader is used.
+     *
+     * @remarks
+     * Gives you low-level access to the WebGL context and the shader program.
+     * Can be used to clean up resources created in the {@link setup} hook.
+     *
+     * @param gl - WebGL context.
+     * @param program - The shader program.
+     */
+    teardown?: (gl: WebGL2RenderingContext, program: WebGLProgram) => void;
+}
+export type PossibleShaderConfig = (ShaderConfig | string)[] | ShaderConfig | string | null;
+export declare function parseShader(this: Node, value: PossibleShaderConfig): ShaderConfig[];
+//# sourceMappingURL=ShaderConfig.d.ts.map

package/lib/partials/ShaderConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShaderConfig.d.ts","sourceRoot":"","sources":["../../src/lib/partials/ShaderConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAE/D,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AAExC;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;;;;;;;;;;;OAcG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8BG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAC;IAE7E;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,sBAAsB,EAAE,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAEpE;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,sBAAsB,EAAE,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACxE;AAED,MAAM,MAAM,oBAAoB,GAC5B,CAAC,YAAY,GAAG,MAAM,CAAC,EAAE,GACzB,YAAY,GACZ,MAAM,GACN,IAAI,CAAC;AAET,wBAAgB,WAAW,CACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,oBAAoB,GAC1B,YAAY,EAAE,CAuBhB"}

package/lib/partials/ShaderConfig.js

@@ -0,0 +1,25 @@
+import { experimentalLog, useLogger, useScene } from '@twick/core';
+export function parseShader(value) {
+    let result;
+    if (!value) {
+        result = [];
+    }
+    else if (typeof value === 'string') {
+        result = [{ fragment: value }];
+    }
+    else if (Array.isArray(value)) {
+        result = value.map(item => typeof item === 'string' ? { fragment: item } : item);
+    }
+    else {
+        result = [value];
+    }
+    if (!useScene().experimentalFeatures && result.length > 0) {
+        result = [];
+        useLogger().log({
+            ...experimentalLog(`Node uses experimental shaders.`),
+            inspect: this.key,
+        });
+    }
+    return result;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2hhZGVyQ29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9wYXJ0aWFscy9TaGFkZXJDb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLGVBQWUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFDLE1BQU0sYUFBYSxDQUFDO0FBeUZqRSxNQUFNLFVBQVUsV0FBVyxDQUV6QixLQUEyQjtJQUUzQixJQUFJLE1BQXNCLENBQUM7SUFDM0IsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ1gsTUFBTSxHQUFHLEVBQUUsQ0FBQztJQUNkLENBQUM7U0FBTSxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRSxDQUFDO1FBQ3JDLE1BQU0sR0FBRyxDQUFDLEVBQUMsUUFBUSxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUM7SUFDL0IsQ0FBQztTQUFNLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1FBQ2hDLE1BQU0sR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQ3hCLE9BQU8sSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDbkQsQ0FBQztJQUNKLENBQUM7U0FBTSxDQUFDO1FBQ04sTUFBTSxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkIsQ0FBQztJQUVELElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxvQkFBb0IsSUFBSSxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1FBQzFELE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDWixTQUFTLEVBQUUsQ0FBQyxHQUFHLENBQUM7WUFDZCxHQUFHLGVBQWUsQ0FBQyxpQ0FBaUMsQ0FBQztZQUNyRCxPQUFPLEVBQUUsSUFBSSxDQUFDLEdBQUc7U0FDbEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELE9BQU8sTUFBTSxDQUFDO0FBQ2hCLENBQUMifQ==

package/lib/partials/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Filter';
+export * from './Gradient';
+export * from './Pattern';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/partials/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/partials/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/lib/partials/index.js

@@ -0,0 +1,5 @@
+export * from './Filter';
+export * from './Gradient';
+export * from './Pattern';
+export * from './types';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3BhcnRpYWxzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsU0FBUyxDQUFDIn0=