react-native-shine 0.4.1 → 0.6.0

package/lib/typescript/src/components/Content.d.ts

@@ -1,3 +1,4 @@
+import { type ViewStyle } from 'react-native';
 import { type SharedValue } from 'react-native-reanimated';
 import type { TextureProps, TgpuRoot, TgpuTexture } from 'typegpu';
 import type { ColorMask, DeepPartiallyOptional, GlareOptions, ReverseHoloDetectionChannelFlags } from '../types/types';
@@ -7,18 +8,19 @@ export interface SharedProps {
     height: number;
     glareOptions?: Partial<GlareOptions>;
     colorMaskOptions?: DeepPartiallyOptional<ColorMask, 'baseColor'>;
-    useTouchControl?: boolean;
     touchPosition?: SharedValue<V2d>;
     addReverseHolo?: boolean;
     reverseHoloDetectionChannelOptions?: Partial<ReverseHoloDetectionChannelFlags>;
     addHolo?: boolean;
     translateViewIn3d?: boolean;
+    style?: ViewStyle;
+    containerStyle?: ViewStyle;
 }
 interface ContentProps extends SharedProps {
     root: TgpuRoot;
     imageTexture: TgpuTexture<TextureProps>;
     maskTexture?: TgpuTexture<TextureProps>;
 }
-export default function Content({ addHolo, addReverseHolo, reverseHoloDetectionChannelOptions, colorMaskOptions, glareOptions, height, imageTexture, maskTexture, root, touchPosition, useTouchControl, width, translateViewIn3d, }: ContentProps): import("react/jsx-runtime").JSX.Element;
+export default function Content({ addHolo, addReverseHolo, reverseHoloDetectionChannelOptions, colorMaskOptions, glareOptions, height, imageTexture, maskTexture, root, touchPosition, width, translateViewIn3d, style, containerStyle, }: ContentProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Content.d.ts.map

package/lib/typescript/src/components/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/Content.tsx"],"names":[],"mappings":"AAEA,OAAiB,EAEf,KAAK,WAAW,EAKjB,MAAM,yBAAyB,CAAC;AAOjC,OAAO,KAAK,EACV,YAAY,EAEZ,QAAQ,EACR,WAAW,EACZ,MAAM,SAAS,CAAC;AA0BjB,OAAO,KAAK,EAEV,SAAS,EACT,qBAAqB,EACrB,YAAY,EAEZ,gCAAgC,EACjC,MAAM,gBAAgB,CAAC;AAOxB,OAAO,KAAK,EAAE,GAAG,EAAO,MAAM,iBAAiB,CAAC;AAgBhD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACjE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kCAAkC,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,CAAC;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACzC;AAUD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,OAAO,EACP,cAAc,EACd,kCAAkC,EAClC,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,aAAa,EACb,eAAe,EACf,KAAK,EACL,iBAAyB,GAC1B,EAAE,YAAY,2CA6Td"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/Content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChE,OAAiB,EAEf,KAAK,WAAW,EAKjB,MAAM,yBAAyB,CAAC;AAOjC,OAAO,KAAK,EACV,YAAY,EAEZ,QAAQ,EACR,WAAW,EACZ,MAAM,SAAS,CAAC;AA0BjB,OAAO,KAAK,EAEV,SAAS,EACT,qBAAqB,EACrB,YAAY,EAEZ,gCAAgC,EACjC,MAAM,gBAAgB,CAAC;AAOxB,OAAO,KAAK,EAAE,GAAG,EAAO,MAAM,iBAAiB,CAAC;AAiBhD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACjE,aAAa,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kCAAkC,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,CAAC;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACzC;AAWD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,OAAO,EACP,cAAc,EACd,kCAAkC,EAClC,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,aAAa,EACb,KAAK,EACL,iBAAyB,EACzB,KAAK,EACL,cAAc,GACf,EAAE,YAAY,2CAmVd"}

package/lib/typescript/src/components/ShineGroup.d.ts

@@ -1,6 +1,6 @@
 import { type PropsWithChildren } from 'react';
 import { type ShineProps } from './Shine';
 type ShineGroupProps = PropsWithChildren<Partial<ShineProps>>;
-export declare function ShineGroup({ children, glareOptions, colorMaskOptions, maskURI, touchPosition, useTouchControl, addHolo, addReverseHolo, }: ShineGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function ShineGroup({ children, glareOptions, colorMaskOptions, maskURI, touchPosition, addHolo, addReverseHolo, }: ShineGroupProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ShineGroup.d.ts.map

package/lib/typescript/src/components/ShineGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShineGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ShineGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAW5E,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,eAAe,GAAG,iBAAiB,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAE9D,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,eAAuB,EACvB,OAAe,EACf,cAAsB,GACvB,EAAE,eAAe,2CAiEjB"}
+{"version":3,"file":"ShineGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ShineGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAW5E,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,eAAe,GAAG,iBAAiB,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAE9D,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,OAAe,EACf,cAAsB,GACvB,EAAE,eAAe,2CAgEjB"}

package/lib/typescript/src/config/debugMode.d.ts

@@ -0,0 +1,3 @@
+export declare const debug = false;
+export declare const colorMaskDebug = false;
+//# sourceMappingURL=debugMode.d.ts.map

package/lib/typescript/src/config/debugMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debugMode.d.ts","sourceRoot":"","sources":["../../../../src/config/debugMode.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,QAAQ,CAAC;AAC3B,eAAO,MAAM,cAAc,QAAQ,CAAC"}

package/lib/typescript/src/enums/colorPresets.d.ts

@@ -0,0 +1,33 @@
+export declare const ColorPresets: {
+    readonly RED: [255, 0, 0];
+    readonly GREEN: [0, 255, 0];
+    readonly BLUE: [0, 0, 255];
+    readonly YELLOW: [255, 255, 0];
+    readonly CYAN: [0, 255, 255];
+    readonly MAGENTA: [255, 0, 255];
+    readonly WHITE: [255, 255, 255];
+    readonly BLACK: [0, 0, 0];
+    readonly GRAY: [128, 128, 128];
+    readonly LIGHT_GRAY: [211, 211, 211];
+    readonly DARK_GRAY: [105, 105, 105];
+    readonly ORANGE: [255, 165, 0];
+    readonly PURPLE: [128, 0, 128];
+    readonly BROWN: [165, 42, 42];
+    readonly PINK: [255, 192, 203];
+    readonly LIME_GREEN: [50, 205, 50];
+    readonly FOREST_GREEN: [34, 139, 34];
+    readonly OLIVE: [128, 128, 0];
+    readonly TEAL: [0, 128, 128];
+    readonly NAVY: [0, 0, 128];
+    readonly ROYAL_BLUE: [65, 105, 225];
+    readonly SKY_BLUE: [135, 206, 235];
+    readonly INDIGO: [75, 0, 130];
+    readonly VIOLET: [238, 130, 238];
+    readonly MAROON: [128, 0, 0];
+    readonly GOLD: [255, 215, 0];
+    readonly TOMATO: [255, 99, 71];
+    readonly SALMON: [250, 128, 114];
+    readonly BEIGE: [245, 245, 220];
+    readonly POTATO: [222, 184, 135];
+};
+//# sourceMappingURL=colorPresets.d.ts.map

package/lib/typescript/src/enums/colorPresets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPresets.d.ts","sourceRoot":"","sources":["../../../../src/enums/colorPresets.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCgB,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -6,4 +6,5 @@ export { ShineGroup } from './components/ShineGroup';
 export type { ShineProps } from './components/Shine';
 export * from './utils/vector';
 export type { V2d, V3d } from './types/vector';
+export * from './enums/colorPresets';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,4BAA4B,EAC7B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,EACtB,eAAe,EACf,cAAc,GACf,CAAC;AACF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,4BAA4B,EAC7B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,EACtB,eAAe,EACf,cAAc,GACf,CAAC;AACF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC/C,cAAc,sBAAsB,CAAC"}

package/lib/typescript/src/shaders/bindGroupLayouts.d.ts

@@ -1,20 +1,12 @@
 import * as d from 'typegpu/data';
 export declare const textureBindGroupLayout: import("typegpu").TgpuBindGroupLayout<{
-    texture: {
-        texture: "float";
-        dimension: string;
-        sampleType: string;
-    };
+    texture: import("typegpu").TgpuLayoutTexture<d.WgslTexture2d<d.F32>>;
     sampler: {
         sampler: "filtering";
     };
 }>;
 export declare const maskTextureBindGroupLayout: import("typegpu").TgpuBindGroupLayout<{
-    texture: {
-        texture: "float";
-        dimension: string;
-        sampleType: string;
-    };
+    texture: import("typegpu").TgpuLayoutTexture<d.WgslTexture2d<d.F32>>;
     sampler: {
         sampler: "filtering";
     };
@@ -51,6 +43,16 @@ export declare const colorMaskSchema: d.WgslStruct<{
         upper: d.Vec3f;
         lower: d.Vec3f;
     }>;
+    hueToleranceRange: d.WgslStruct<{
+        upper: d.F32;
+        lower: d.F32;
+    }>;
+    useHSV: d.Decorated<d.U32, [d.Align<16>]>;
+    brightnessTolerance: d.F32;
+    saturationTolerance: d.F32;
+    lowSaturationThreshold: d.F32;
+    lowBrightnessThreshold: d.F32;
+    debugMode: d.U32;
 }>;
 export type ColorMaskSchema = typeof colorMaskSchema;
 export declare const colorMaskBindGroupLayout: import("typegpu").TgpuBindGroupLayout<{
@@ -61,6 +63,16 @@ export declare const colorMaskBindGroupLayout: import("typegpu").TgpuBindGroupLa
                 upper: d.Vec3f;
                 lower: d.Vec3f;
             }>;
+            hueToleranceRange: d.WgslStruct<{
+                upper: d.F32;
+                lower: d.F32;
+            }>;
+            useHSV: d.Decorated<d.U32, [d.Align<16>]>;
+            brightnessTolerance: d.F32;
+            saturationTolerance: d.F32;
+            lowSaturationThreshold: d.F32;
+            lowBrightnessThreshold: d.F32;
+            debugMode: d.U32;
         }>;
     };
 }>;
@@ -118,6 +130,16 @@ export declare const bufferData: {
                 upper: d.Vec3f;
                 lower: d.Vec3f;
             }>;
+            hueToleranceRange: d.WgslStruct<{
+                upper: d.F32;
+                lower: d.F32;
+            }>;
+            useHSV: d.Decorated<d.U32, [d.Align<16>]>;
+            brightnessTolerance: d.F32;
+            saturationTolerance: d.F32;
+            lowSaturationThreshold: d.F32;
+            lowBrightnessThreshold: d.F32;
+            debugMode: d.U32;
         }>;
         readonly usage: "uniform";
     };

package/lib/typescript/src/shaders/bindGroupLayouts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bindGroupLayouts.d.ts","sourceRoot":"","sources":["../../../../src/shaders/bindGroupLayouts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAGlC,eAAO,MAAM,sBAAsB;;;;;;;;;EAIjC,CAAC;AAEH,eAAO,MAAM,0BAA0B;;;;;;;;;EAIrC,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;EAElC,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;EAOtB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAE7C,eAAO,MAAM,oBAAoB;;;;;;;;;;;EAE/B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AAErD,eAAO,MAAM,wBAAwB;;;;;;;;;;EAEnC,CAAC;AAEH,eAAO,MAAM,sCAAsC;;;;;;;EAOjD,CAAC;AAEH,MAAM,MAAM,sCAAsC,GAChD,OAAO,sCAAsC,CAAC;AAEhD,eAAO,MAAM,+CAA+C;;;;;;;;;;;;;;;;;;;;;EAIxD,CAAC;AAEL,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC"}
+{"version":3,"file":"bindGroupLayouts.d.ts","sourceRoot":"","sources":["../../../../src/shaders/bindGroupLayouts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAGlC,eAAO,MAAM,sBAAsB;;;;;EAIjC,CAAC;AAEH,eAAO,MAAM,0BAA0B;;;;;EAIrC,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;EAElC,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;EAOtB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAE7C,eAAO,MAAM,oBAAoB;;;;;;;;;;;EAE/B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;EAgB1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AAErD,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;EAEnC,CAAC;AAEH,eAAO,MAAM,sCAAsC;;;;;;;EAOjD,CAAC;AAEH,MAAM,MAAM,sCAAsC,GAChD,OAAO,sCAAsC,CAAC;AAEhD,eAAO,MAAM,+CAA+C;;;;;;;;;;;;;;;;;;;;;EAIxD,CAAC;AAEL,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC"}

package/lib/typescript/src/shaders/bindGroupUtils.d.ts

@@ -38,6 +38,16 @@ export declare const createColorMaskBuffer: (root: TgpuRoot, initValues: Partial
         upper: d.Vec3f;
         lower: d.Vec3f;
     }>;
+    hueToleranceRange: d.WgslStruct<{
+        upper: d.F32;
+        lower: d.F32;
+    }>;
+    useHSV: d.Decorated<d.U32, [d.Align<16>]>;
+    brightnessTolerance: d.F32;
+    saturationTolerance: d.F32;
+    lowSaturationThreshold: d.F32;
+    lowBrightnessThreshold: d.F32;
+    debugMode: d.U32;
 }>> & UniformFlag;
 export declare const createColorMaskBindGroup: (root: TgpuRoot, buffer: TgpuBuffer<ColorMaskSchema> & UniformFlag) => import("typegpu").TgpuBindGroup<{
     mask: {
@@ -47,6 +57,16 @@ export declare const createColorMaskBindGroup: (root: TgpuRoot, buffer: TgpuBuff
                 upper: d.Vec3f;
                 lower: d.Vec3f;
             }>;
+            hueToleranceRange: d.WgslStruct<{
+                upper: d.F32;
+                lower: d.F32;
+            }>;
+            useHSV: d.Decorated<d.U32, [d.Align<16>]>;
+            brightnessTolerance: d.F32;
+            saturationTolerance: d.F32;
+            lowSaturationThreshold: d.F32;
+            lowBrightnessThreshold: d.F32;
+            debugMode: d.U32;
         }>;
     };
 }>;

package/lib/typescript/src/shaders/bindGroupUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bindGroupUtils.d.ts","sourceRoot":"","sources":["../../../../src/shaders/bindGroupUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3E,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAIL,KAAK,eAAe,EAEpB,KAAK,WAAW,EAEhB,KAAK,sCAAsC,EAE5C,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AASxB,eAAO,MAAM,oBAAoB,GAAI,MAAM,QAAQ,EAAE;;;;CAAoB,sCAGnD,CAAC;AAEvB,eAAO,MAAM,6BAA6B,GACxC,MAAM,QAAQ,EACd,QAAQ,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;;;;EAIzB,CAAC;AAEL,eAAO,MAAM,wBAAwB,GACnC,MAAM,QAAQ,EACd,aAAa,OAAO,CAAC,YAAY,CAAC;;;;;;;iBAId,CAAC;AAEvB,eAAO,MAAM,oBAAoB,GAC/B,MAAM,QAAQ,EACd,QAAQ,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;;;;;;;;;;;EAI3C,CAAC;AAEL,eAAO,MAAM,qBAAqB,GAChC,MAAM,QAAQ,EACd,YAAY,iBAAiB,CAAC,SAAS,EAAE,WAAW,CAAC;;;;;;iBAOjC,CAAC;AAEvB,eAAO,MAAM,wBAAwB,GACnC,MAAM,QAAQ,EACd,QAAQ,UAAU,CAAC,eAAe,CAAC,GAAG,WAAW;;;;;;;;;;EAI/C,CAAC;AAEL,eAAO,MAAM,+CAA+C,GAC1D,MAAM,QAAQ,EACd,wBAAwB,UAAU,CAAC,sCAAsC,CAAC,GACxE,WAAW,EACb,oBAAoB,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;EAKvD,CAAC"}
+{"version":3,"file":"bindGroupUtils.d.ts","sourceRoot":"","sources":["../../../../src/shaders/bindGroupUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3E,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAIL,KAAK,eAAe,EAEpB,KAAK,WAAW,EAEhB,KAAK,sCAAsC,EAE5C,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AASxB,eAAO,MAAM,oBAAoB,GAAI,MAAM,QAAQ,EAAE;;;;CAAoB,sCAGnD,CAAC;AAEvB,eAAO,MAAM,6BAA6B,GACxC,MAAM,QAAQ,EACd,QAAQ,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;;;;EAIzB,CAAC;AAEL,eAAO,MAAM,wBAAwB,GACnC,MAAM,QAAQ,EACd,aAAa,OAAO,CAAC,YAAY,CAAC;;;;;;;iBAId,CAAC;AAEvB,eAAO,MAAM,oBAAoB,GAC/B,MAAM,QAAQ,EACd,QAAQ,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;;;;;;;;;;;EAI3C,CAAC;AAEL,eAAO,MAAM,qBAAqB,GAChC,MAAM,QAAQ,EACd,YAAY,iBAAiB,CAAC,SAAS,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;iBAOjC,CAAC;AAEvB,eAAO,MAAM,wBAAwB,GACnC,MAAM,QAAQ,EACd,QAAQ,UAAU,CAAC,eAAe,CAAC,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;EAI/C,CAAC;AAEL,eAAO,MAAM,+CAA+C,GAC1D,MAAM,QAAQ,EACd,wBAAwB,UAAU,CAAC,sCAAsC,CAAC,GACxE,WAAW,EACb,oBAAoB,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;EAKvD,CAAC"}

package/lib/typescript/src/shaders/fragmentShaders/baseTextureFragment.d.ts

@@ -0,0 +1,5 @@
+import * as d from 'typegpu/data';
+export declare const baseTextureFragment: import("typegpu").TgpuFragmentFn<{
+    uv: d.Vec2f;
+}, d.Vec4f>;
+//# sourceMappingURL=baseTextureFragment.d.ts.map

package/lib/typescript/src/shaders/fragmentShaders/baseTextureFragment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseTextureFragment.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/fragmentShaders/baseTextureFragment.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAIlC,eAAO,MAAM,mBAAmB;;WAY9B,CAAC"}

package/lib/typescript/src/shaders/fragmentShaders/colorMaskFragment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorMaskFragment.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/fragmentShaders/colorMaskFragment.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAOlC,QAAA,MAAM,iBAAiB;;WAwBrB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"colorMaskFragment.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/fragmentShaders/colorMaskFragment.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAQlC,QAAA,MAAM,iBAAiB;;WA0ErB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/shaders/fragmentShaders/glareFragment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glareFragment.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/fragmentShaders/glareFragment.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAUlC,eAAO,MAAM,aAAa;;WAqExB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;WA4D3B,CAAC"}
+{"version":3,"file":"glareFragment.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/fragmentShaders/glareFragment.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAUlC,eAAO,MAAM,aAAa;;WAqExB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;WA0D3B,CAAC"}

package/lib/typescript/src/shaders/fragmentShaders/holoFragment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"holoFragment.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/fragmentShaders/holoFragment.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AASlC,eAAO,MAAM,YAAY;;WAwBvB,CAAC"}
+{"version":3,"file":"holoFragment.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/fragmentShaders/holoFragment.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AASlC,eAAO,MAAM,YAAY;;WA8BvB,CAAC"}

package/lib/typescript/src/shaders/resourceManagement/bitmaps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bitmaps.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/resourceManagement/bitmaps.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,gBAAgB,GAAU,KAAK,MAAM,KAAG,OAAO,CAAC,WAAW,CAgBhE,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"bitmaps.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/resourceManagement/bitmaps.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB,GAAU,KAAK,MAAM,KAAG,OAAO,CAAC,WAAW,CAgBhE,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/src/shaders/resourceManagement/bufferManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bufferManager.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/resourceManagement/bufferManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE1E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/D,KAAK,wBAAwB,CAC3B,MAAM,SAAS;IAAE,MAAM,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAAC,KAAK,EAAE,eAAe,CAAA;CAAE,IAC1E,MAAM,CAAC,OAAO,CAAC,SAAS,SAAS,GACjC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG;IAAE,eAAe,EAAE,IAAI,CAAA;CAAE,GACxD,MAAM,CAAC,OAAO,CAAC,SAAS,SAAS,GAC/B,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG;IAAE,eAAe,EAAE,IAAI,CAAA;CAAE,GACxD,MAAM,CAAC,OAAO,CAAC,SAAS,QAAQ,GAC9B,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG;IAAE,cAAc,EAAE,IAAI,CAAA;CAAE,GACvD,KAAK,CAAC;AAEd,qBAAa,cAAc,CACzB,QAAQ,SAAS,MAAM,CACrB,MAAM,EACN;IAAE,MAAM,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAAC,KAAK,EAAE,eAAe,CAAA;CAAE,CAC9D;IAMW,OAAO,CAAC,OAAO;IAJ3B,OAAO,CAAC,OAAO,CAER;gBAEa,OAAO,EAAE,QAAQ;IAErC,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAC1B,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAC5C,IAAI;IAIP,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAC1B,GAAG,EAAE,CAAC,GACL,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;IAIpD,SAAS,CAAC,CAAC,SAAS,MAAM,QAAQ,EAChC,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,CAAC,EACN,UAAU,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,GAC5C,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAuBxC,IAAI,IAAI,CAAC,MAAM,QAAQ,CAAC,EAAE;IAI1B,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,OAAO;IAI9C,MAAM,CAAC,CAAC,SAAS,MAAM,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI;CAO/C"}
+{"version":3,"file":"bufferManager.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/resourceManagement/bufferManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG1E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/D,KAAK,wBAAwB,CAC3B,MAAM,SAAS;IAAE,MAAM,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAAC,KAAK,EAAE,eAAe,CAAA;CAAE,IAC1E,MAAM,CAAC,OAAO,CAAC,SAAS,SAAS,GACjC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG;IAAE,eAAe,EAAE,IAAI,CAAA;CAAE,GACxD,MAAM,CAAC,OAAO,CAAC,SAAS,SAAS,GAC/B,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG;IAAE,eAAe,EAAE,IAAI,CAAA;CAAE,GACxD,MAAM,CAAC,OAAO,CAAC,SAAS,QAAQ,GAC9B,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG;IAAE,cAAc,EAAE,IAAI,CAAA;CAAE,GACvD,KAAK,CAAC;AAEd,qBAAa,cAAc,CACzB,QAAQ,SAAS,MAAM,CACrB,MAAM,EACN;IAAE,MAAM,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAAC,KAAK,EAAE,eAAe,CAAA;CAAE,CAC9D;IAMW,OAAO,CAAC,OAAO;IAJ3B,OAAO,CAAC,OAAO,CAER;gBAEa,OAAO,EAAE,QAAQ;IAErC,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAC1B,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAC5C,IAAI;IAIP,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAC1B,GAAG,EAAE,CAAC,GACL,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;IAIpD,SAAS,CAAC,CAAC,SAAS,MAAM,QAAQ,EAChC,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,CAAC,EACN,UAAU,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,GAC5C,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IA+BxC,IAAI,IAAI,CAAC,MAAM,QAAQ,CAAC,EAAE;IAI1B,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,OAAO;IAI9C,MAAM,CAAC,CAAC,SAAS,MAAM,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI;CAO/C"}

package/lib/typescript/src/shaders/resourceManagement/textures.d.ts

@@ -2,8 +2,8 @@ import { type TextureProps, type TgpuRoot, type TgpuTexture } from 'typegpu';
 export declare const createTexture: (root: TgpuRoot, size: {
     width: number;
     height: number;
-}) => Promise<TgpuTexture>;
-export declare const loadTexture: (root: TgpuRoot, imageBitmap: ImageBitmap, texture: TgpuTexture) => Promise<void>;
+}) => Promise<TgpuTexture<any>>;
+export declare const loadTexture: (root: TgpuRoot, imageBitmap: ImageBitmap, texture: TgpuTexture<any>) => Promise<void>;
 export declare function loadBitmap(root: TgpuRoot, imageURI: string, setTexture: (texture: TgpuTexture<TextureProps>) => void, usage?: ('sampled' | 'render')[]): Promise<void>;
-export declare function addTextureUsage(texture: TgpuTexture, usage: ('sampled' | 'render')[]): Promise<TgpuTexture<TextureProps> & import("typegpu").Sampled & import("typegpu").Render>;
+export declare function addTextureUsage(texture: TgpuTexture, usage: ('sampled' | 'render')[]): Promise<TgpuTexture<TextureProps> & import("typegpu").SampledFlag & import("typegpu").RenderFlag>;
 //# sourceMappingURL=textures.d.ts.map

package/lib/typescript/src/shaders/resourceManagement/textures.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textures.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/resourceManagement/textures.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAG7E,eAAO,MAAM,aAAa,GACxB,MAAM,QAAQ,EACd,MAAM;IACJ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,KAEA,OAAO,CAAC,WAAW,CAOrB,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,MAAM,QAAQ,EACd,aAAa,WAAW,EACxB,SAAS,WAAW,kBAOrB,CAAC;AAEF,wBAAsB,UAAU,CAC9B,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,EACxD,KAAK,GAAE,CAAC,SAAS,GAAG,QAAQ,CAAC,EAA0B,iBAQxD;AAED,wBAAsB,eAAe,CACnC,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,CAAC,SAAS,GAAG,QAAQ,CAAC,EAAE,6FAGhC"}
+{"version":3,"file":"textures.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/resourceManagement/textures.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAG7E,eAAO,MAAM,aAAa,GACxB,MAAM,QAAQ,EACd,MAAM;IACJ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,KAEA,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAO1B,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,MAAM,QAAQ,EACd,aAAa,WAAW,EACxB,SAAS,WAAW,CAAC,GAAG,CAAC,kBAO1B,CAAC;AAEF,wBAAsB,UAAU,CAC9B,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,EACxD,KAAK,GAAE,CAAC,SAAS,GAAG,QAAQ,CAAC,EAA0B,iBAQxD;AAED,wBAAsB,eAAe,CACnC,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,CAAC,SAAS,GAAG,QAAQ,CAAC,EAAE,qGAGhC"}

package/lib/typescript/src/shaders/tgpuUtils.d.ts

@@ -1,6 +1,7 @@
 import * as d from 'typegpu/data';
 export declare const hueShift: import("typegpu").TgpuFn<(rgb: d.Vec3f, angle: d.F32) => d.Vec3f>;
 export declare const rgbToHSV: import("typegpu").TgpuFn<(rgb: d.Vec3f) => d.Vec3f>;
+export declare const hsvToRGB: import("typegpu").TgpuFn<(hsv: d.Vec3f) => d.Vec3f>;
 export declare const fmod: import("typegpu").TgpuFn<(number: d.F32, md: d.F32) => d.F32>;
 export declare const glareColorShift: import("typegpu").TgpuFn<(color: d.Vec3f, power: d.F32) => d.Vec3f>;
 export declare const overlayChannel: import("typegpu").TgpuFn<(base: d.F32, blend: d.F32) => d.F32>;

package/lib/typescript/src/shaders/tgpuUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tgpuUtils.d.ts","sourceRoot":"","sources":["../../../../src/shaders/tgpuUtils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAElC,eAAO,MAAM,QAAQ,mEA6BnB,CAAC;AAEH,eAAO,MAAM,QAAQ,qDA2BnB,CAAC;AAEH,eAAO,MAAM,IAAI,+DASf,CAAC;AAEH,eAAO,MAAM,eAAe,qEAc1B,CAAC;AAEH,eAAO,MAAM,cAAc,gEAYzB,CAAC;AAEH,eAAO,MAAM,eAAe,sEAS1B,CAAC;AAEH,mBAAmB;AACnB,eAAO,MAAM,OAAO,mDAQlB,CAAC;AAEH,eAAO,MAAM,0BAA0B,+DAcrC,CAAC;AAEH,eAAO,MAAM,UAAU,yEAMrB,CAAC"}
+{"version":3,"file":"tgpuUtils.d.ts","sourceRoot":"","sources":["../../../../src/shaders/tgpuUtils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAElC,eAAO,MAAM,QAAQ,mEAQnB,CAAC;AAEH,eAAO,MAAM,QAAQ,qDA4BnB,CAAC;AAEH,eAAO,MAAM,QAAQ,qDA8BnB,CAAC;AAEH,eAAO,MAAM,IAAI,+DASf,CAAC;AAEH,eAAO,MAAM,eAAe,qEAc1B,CAAC;AAEH,eAAO,MAAM,cAAc,gEAYzB,CAAC;AAEH,eAAO,MAAM,eAAe,sEAS1B,CAAC;AAEH,mBAAmB;AACnB,eAAO,MAAM,OAAO,mDAQlB,CAAC;AAEH,eAAO,MAAM,0BAA0B,+DAcrC,CAAC;AAEH,eAAO,MAAM,UAAU,yEAMrB,CAAC"}

package/lib/typescript/src/types/typeUtils.d.ts

@@ -9,6 +9,16 @@ export declare const colorMaskToTyped: (colorMask: ColorMask) => {
         upper: any;
         lower: any;
     };
+    useHSV: number;
+    hueToleranceRange: {
+        lower: number;
+        upper: number;
+    };
+    brightnessTolerance: number;
+    saturationTolerance: number;
+    lowSaturationThreshold: number;
+    lowBrightnessThreshold: number;
+    debugMode: number;
 };
 export declare const createHoloOptions: (options: Partial<HoloOptions>) => HoloOptions;
 export declare const createReverseHoloDetectionChannelFlags: (options?: Partial<ReverseHoloDetectionChannelFlags>) => {

package/lib/typescript/src/types/typeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typeUtils.d.ts","sourceRoot":"","sources":["../../../../src/types/typeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuB,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,qBAAqB,EAErB,WAAW,EACX,gCAAgC,EACjC,MAAM,SAAS,CAAC;AAIjB,eAAO,MAAM,kBAAkB,GAC7B,SAAS,OAAO,CAAC,YAAY,CAAC,KAC7B,YAoBF,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACvD,KAAK,CAAC,KACL,GACA,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,GAQvC,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,WAAW,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,KACvD,SAcF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAW,SAAS;;;;;;CASpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,OAAO,CAAC,WAAW,CAAC,KAC5B,WAQF,CAAC;AAEF,eAAO,MAAM,sCAAsC,GACjD,UAAU,OAAO,CAAC,gCAAgC,CAAC;;;;;;;CA4BpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,EAAE,QAkB7C,CAAC"}
+{"version":3,"file":"typeUtils.d.ts","sourceRoot":"","sources":["../../../../src/types/typeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuB,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,qBAAqB,EAErB,WAAW,EACX,gCAAgC,EACjC,MAAM,SAAS,CAAC;AAKjB,eAAO,MAAM,kBAAkB,GAC7B,SAAS,OAAO,CAAC,YAAY,CAAC,KAC7B,YAoBF,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACvD,KAAK,CAAC,KACL,GACA,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,GAQvC,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,WAAW,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,KACvD,SAsCF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAW,SAAS;;;;;;;;;;;;;;;;CAmBpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,OAAO,CAAC,WAAW,CAAC,KAC5B,WAQF,CAAC;AAEF,eAAO,MAAM,sCAAsC,GACjD,UAAU,OAAO,CAAC,gCAAgC,CAAC;;;;;;;CA2BpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,EAAE,QAkB7C,CAAC"}

package/lib/typescript/src/types/types.d.ts

@@ -14,10 +14,20 @@ export type GlareOptions = {
 };
 export type ColorMask = {
     baseColor: vec3;
+    useHSV?: boolean;
+    hueToleranceRange: {
+        upper: number;
+        lower: number;
+    };
+    brightnessTolerance?: number;
+    lowBrightnessThreshold?: number;
+    saturationTolerance?: number;
+    lowSaturationThreshold?: number;
     rgbToleranceRange: {
         upper: vec3;
         lower: vec3;
     };
+    debugMode?: boolean;
 };
 export type ReverseHoloDetectionChannelFlags = {
     redChannel: number;

package/lib/typescript/src/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACpC,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5C,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC;AAE9B,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,IAAI,CAAC;IAChB,iBAAiB,EAAE;QACjB,KAAK,EAAE,IAAI,CAAC;QACZ,KAAK,EAAE,IAAI,CAAC;KACb,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,cAAc,CAAC;CAC9B,CAAC;AAGF,MAAM,MAAM,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI;KACnD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACf,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAExB,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,IAAI,GACJ,SAAS,CAAC;AAId,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC3E,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAC5E,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CACtC,kBAAkB,CAAC,qBAAqB,CAAC,CAC1C,CAAC,CAAC,CAAC,CAAC;AAEL,MAAM,MAAM,sBAAsB,GAAG,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/utils/vector.d.ts

@@ -25,6 +25,7 @@ export declare function transformV3d(v3d: V3d, transformer: Transformer): V3d;
 export declare function clamp(v: number, min?: number, max?: number): number;
 export declare function clampV3d(v3d: V3d, min: number, max: number): V3d;
 export declare function degToRad(deg: number): number;
+export declare function createV3d(x: number, y: number, z: number): V3d;
 export declare const zeroV3d: {
     x: number;
     y: number;

package/lib/typescript/src/utils/vector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vector.d.ts","sourceRoot":"","sources":["../../../../src/utils/vector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAG7D,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAMnD;AAED,eAAO,MAAM,WAAW,iBAAW,CAAC;AAEpC,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAM1C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAG7C;AAED,wBAAgB,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAKzD;AAED,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAG7C;AAED,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAG7C;AAED,wBAAgB,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAG,GAAG,CAMzE;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAGhE;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAGrC;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,OAAO,CAEnD;AAED,eAAO,MAAM,OAAO;;;CAAiB,CAAC;AAGtC,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAMnD;AAED,eAAO,MAAM,WAAW,iBAAW,CAAC;AAEpC,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAGjD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,GAAG,GAAG,CAGrC;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAM1C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAG/C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAG5E;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAG,GAAG,CAMpE;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,SAAK,EAAE,GAAG,SAAI,GAAG,MAAM,CAG1D;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAGhE;AAID,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAG5C;AAED,eAAO,MAAM,OAAO;;;;CAAuB,CAAC"}
+{"version":3,"file":"vector.d.ts","sourceRoot":"","sources":["../../../../src/utils/vector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAG7D,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAMnD;AAED,eAAO,MAAM,WAAW,iBAAW,CAAC;AAEpC,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAM1C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAG7C;AAED,wBAAgB,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAKzD;AAED,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAG7C;AAED,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAG7C;AAED,wBAAgB,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAG,GAAG,CAMzE;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAGhE;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAGrC;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,OAAO,CAEnD;AAED,eAAO,MAAM,OAAO;;;CAAiB,CAAC;AAGtC,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAMnD;AAED,eAAO,MAAM,WAAW,iBAAW,CAAC;AAEpC,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAGjD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,GAAG,GAAG,CAGrC;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAM1C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAG/C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAG5E;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAG,GAAG,CAMpE;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,SAAK,EAAE,GAAG,SAAI,GAAG,MAAM,CAG1D;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAGhE;AAID,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAG5C;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAE9D;AAED,eAAO,MAAM,OAAO;;;;CAAuB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-shine",
-  "version": "0.4.1",
+  "version": "0.6.0",
   "description": "Fast and efficient way of adding interactive effects that are run entirely on shaders using typeGPU.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -88,9 +88,9 @@
     "react-native-wgpu": "^0.3.1",
     "react-native-worklets": "^0.5.2",
     "release-it": "^17.10.0",
-    "typegpu": "0.7.1",
+    "typegpu": "^0.8.2",
     "typescript": "^5.8.3",
-    "unplugin-typegpu": "0.2.2"
+    "unplugin-typegpu": "^0.8.0"
   },
   "peerDependencies": {
     "react": "*",
@@ -98,7 +98,7 @@
     "react-native-reanimated": "^4.1.3",
     "react-native-wgpu": "^0.3.1",
     "react-native-worklets": "^0.5.2",
-    "typegpu": "0.7.1"
+    "typegpu": "^0.8.2"
   },
   "workspaces": [
     "example"

package/src/components/Content.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { PixelRatio, View } from 'react-native';
+import { PixelRatio, View, type ViewStyle } from 'react-native';
 import Animated, {
   SensorType,
   type SharedValue,
@@ -74,18 +74,20 @@ import {
   transformV2d,
   zeroV3d,
 } from '../utils/vector';
+import { baseTextureFragment } from '../shaders/fragmentShaders/baseTextureFragment';
 
 export interface SharedProps {
   width: number;
   height: number;
   glareOptions?: Partial<GlareOptions>;
   colorMaskOptions?: DeepPartiallyOptional<ColorMask, 'baseColor'>;
-  useTouchControl?: boolean;
   touchPosition?: SharedValue<V2d>;
   addReverseHolo?: boolean;
   reverseHoloDetectionChannelOptions?: Partial<ReverseHoloDetectionChannelFlags>;
   addHolo?: boolean;
   translateViewIn3d?: boolean;
+  style?: ViewStyle;
+  containerStyle?: ViewStyle;
 }
 
 interface ContentProps extends SharedProps {
@@ -95,8 +97,9 @@ interface ContentProps extends SharedProps {
 }
 
 interface PipelineMap {
-  glare: TgpuRenderPipeline;
-  colorMask: TgpuRenderPipeline;
+  baseTexture: TgpuRenderPipeline;
+  glare: TgpuRenderPipeline | void;
+  colorMask: TgpuRenderPipeline | void;
   mask: TgpuRenderPipeline | void;
   reverseHolo: TgpuRenderPipeline | void;
   holo: TgpuRenderPipeline | void;
@@ -113,9 +116,10 @@ export default function Content({
   maskTexture,
   root,
   touchPosition,
-  useTouchControl,
   width,
   translateViewIn3d = false,
+  style,
+  containerStyle,
 }: ContentProps) {
   const { device } = root;
   // const { ref, context } = useGPUContext();
@@ -152,8 +156,6 @@ export default function Content({
     []
   );
 
-  //TODO: add once again, when the wgpu issues are fixed :3
-
   const animatedStyle = useAnimatedStyle(() => {
     const rotX = rotation.value.x * 10;
     const rotY = rotation.value.y * 10;
@@ -166,6 +168,7 @@ export default function Content({
       ],
     };
   });
+
   // Subscribe to orientation changes and reset calibration on change
   useEffect(
     () =>
@@ -179,7 +182,7 @@ export default function Content({
   useDerivedValue(() => {
     'worklet';
 
-    if (useTouchControl) {
+    if (touchPosition) {
       rotation.value = touchPosition
         ? { x: touchPosition.value.x, y: touchPosition.value.y, z: 0 }
         : zeroV3d;
@@ -229,6 +232,7 @@ export default function Content({
       1
     );
   });
+
   // Render loop
   useEffect(() => {
     if (!context) return;
@@ -250,18 +254,17 @@ export default function Content({
       alphaMode: 'premultiplied',
     });
 
-    const sampler = device.createSampler({
-      magFilter: 'linear',
-      minFilter: 'linear',
-      mipmapFilter: 'linear',
-    });
-
-    // TODO: revert to this one after version bump
-    // const sampler = root['~unstable'].createSampler({
+    // const sampler = device.createSampler({
     //   magFilter: 'linear',
     //   minFilter: 'linear',
     //   mipmapFilter: 'linear',
-    // }) as any as GPUSampler; //TODO: delete this cast when TgpuFixedSampler gets exposed
+    // });
+
+    const sampler = root['~unstable'].createSampler({
+      magFilter: 'linear',
+      minFilter: 'linear',
+      mipmapFilter: 'linear',
+    }) as any as GPUSampler; //TODO: delete this cast when TgpuFixedSampler gets exposed
 
     const imageTextureBindGroup = root.createBindGroup(textureBindGroupLayout, {
       texture: root.unwrap(imageTexture).createView(),
@@ -286,7 +289,9 @@ export default function Content({
       root,
       'colorMask',
       colorMaskToTyped(
-        createColorMask(colorMaskOptions ?? { baseColor: [-20, -20, -20] })
+        createColorMask(
+          colorMaskOptions ?? { baseColor: [-20, -20, -20], useHSV: false }
+        )
       )
     );
     const colorMaskBindGroup = createColorMaskBindGroup(root, colorMaskBuffer);
@@ -304,6 +309,16 @@ export default function Content({
       );
 
     const pipelineMap: PipelineMap = {
+      baseTexture: attachBindGroups(
+        root['~unstable']
+          .withVertex(mainVertex, {})
+          .withFragment(
+            baseTextureFragment,
+            getDefaultTarget(presentationFormat)
+          )
+          .createPipeline(),
+        [imageTextureBindGroup, rotationBindGroup]
+      ),
       glare: attachBindGroups(
         root['~unstable']
           .withVertex(mainVertex, {})
@@ -372,15 +387,21 @@ export default function Content({
         storeOp: 'store',
       };
 
-      const { glare, mask, colorMask, holo, reverseHolo } = pipelineMap;
+      const { baseTexture, glare, mask, colorMask, holo, reverseHolo } =
+        pipelineMap;
 
-      const pairs: PipelineAttachmentPair[] = [[glare, initialAttachment]];
+      const pairs: PipelineAttachmentPair[] = [
+        [baseTexture, initialAttachment],
+      ];
 
+      if (glareOptions && glare) {
+        pairs.push([glare, loadingAttachment]);
+      }
       if (mask) pairs.push([mask, loadingAttachment]);
       if (addReverseHolo && reverseHolo)
         pairs.push([reverseHolo, loadingAttachment]);
       if (addHolo && holo) pairs.push([holo, loadingAttachment]);
-      pairs.push([colorMask, loadingAttachment]);
+      if (colorMask) pairs.push([colorMask, loadingAttachment]);
 
       pairs.forEach(([pipeline, attachment]) =>
         pipeline.withColorAttachment(attachment).draw(6)
@@ -424,11 +445,16 @@ export default function Content({
             matrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1],
           },
         ],
+        ...containerStyle,
       }}
     >
       <Animated.View style={[translateViewIn3d && animatedStyle]}>
         <View>
-          <Canvas ref={ref} style={[{ width, height }]} transparent={true} />
+          <Canvas
+            ref={ref}
+            style={[{ width, height }, style]}
+            transparent={true}
+          />
         </View>
       </Animated.View>
     </View>

package/src/components/ShineGroup.tsx

@@ -19,7 +19,6 @@ export function ShineGroup({
   colorMaskOptions,
   maskURI,
   touchPosition,
-  useTouchControl = false,
   addHolo = false,
   addReverseHolo = false,
 }: ShineGroupProps) {
@@ -80,7 +79,6 @@ export function ShineGroup({
           colorMaskOptions={colorMaskOptions}
           maskURI={maskURI}
           touchPosition={touchPosition}
-          useTouchControl={useTouchControl}
           addReverseHolo={addReverseHolo}
           addHolo={addHolo}
         />

package/src/config/debugMode.ts

@@ -0,0 +1,2 @@
+export const debug = false;
+export const colorMaskDebug = false;