shaders 2.2.40 → 2.2.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/dist/core/Stripes-TdCUOh07.js +127 -0
  2. package/dist/core/index.js +25 -23
  3. package/dist/core/shaderRegistry.d.ts.map +1 -1
  4. package/dist/core/shaders/Stripes/index.d.ts +71 -0
  5. package/dist/core/shaders/Stripes/index.d.ts.map +1 -0
  6. package/dist/core/shaders/Stripes/index.js +5 -0
  7. package/dist/core/shaders/Swirl/index.js +1 -1
  8. package/dist/core/shaders/TiltShift/index.js +1 -1
  9. package/dist/core/shaders/Tint/index.js +1 -1
  10. package/dist/core/shaders/Tritone/index.js +1 -1
  11. package/dist/core/shaders/Twirl/index.js +1 -1
  12. package/dist/core/shaders/Vibrance/index.js +1 -1
  13. package/dist/core/shaders/WaveDistortion/index.js +1 -1
  14. package/dist/core/shaders/ZoomBlur/index.js +1 -1
  15. package/dist/react/components/Stripes.d.ts +31 -0
  16. package/dist/react/components/Stripes.d.ts.map +1 -0
  17. package/dist/react/{generatePresetCode-BCeSxN_V.js → generatePresetCode-K6ZAneRr.js} +14 -0
  18. package/dist/react/index.d.ts +1 -0
  19. package/dist/react/index.d.ts.map +1 -1
  20. package/dist/react/index.js +556 -417
  21. package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
  22. package/dist/react/utils/generatePresetCode.js +1 -1
  23. package/dist/registry.js +223 -0
  24. package/dist/solid/components/Stripes.d.ts +28 -0
  25. package/dist/solid/components/Stripes.d.ts.map +1 -0
  26. package/dist/solid/index.d.ts +1 -0
  27. package/dist/solid/index.d.ts.map +1 -1
  28. package/dist/solid/index.js +496 -354
  29. package/dist/solid/utils/generatePresetCode.d.ts.map +1 -1
  30. package/dist/solid/utils/generatePresetCode.js +14 -0
  31. package/dist/svelte/components/Stripes.svelte.d.ts +19 -0
  32. package/dist/svelte/{generatePresetCode-BFY8wlyB.js → generatePresetCode-x1dhDaQ3.js} +14 -0
  33. package/dist/svelte/index.d.ts +1 -0
  34. package/dist/svelte/index.js +129 -18
  35. package/dist/svelte/utils/generatePresetCode.js +1 -1
  36. package/dist/vue/components/Stripes.vue.d.ts +57 -0
  37. package/dist/vue/components/Stripes.vue.d.ts.map +1 -0
  38. package/dist/vue/{generatePresetCode-D3MinGC_.js → generatePresetCode-BaNcX5ua.js} +14 -0
  39. package/dist/vue/index.d.ts +1 -0
  40. package/dist/vue/index.d.ts.map +1 -1
  41. package/dist/vue/index.js +184 -55
  42. package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
  43. package/dist/vue/utils/generatePresetCode.js +1 -1
  44. package/package.json +9 -1
  45. /package/dist/core/{Swirl-DoCDBZad.js → Swirl-m1-Mnzj5.js} +0 -0
  46. /package/dist/core/{TiltShift-BYQjUHpn.js → TiltShift-C_NUqKZF.js} +0 -0
  47. /package/dist/core/{Tint-BUFsUBqI.js → Tint-ChKku9xR.js} +0 -0
  48. /package/dist/core/{Tritone-DS1QbB-T.js → Tritone-D-NcV7N-.js} +0 -0
  49. /package/dist/core/{Twirl-w3PgFOlA.js → Twirl-Cqzll6nW.js} +0 -0
  50. /package/dist/core/{Vibrance--gtdjy4j.js → Vibrance-CxunJkcb.js} +0 -0
  51. /package/dist/core/{WaveDistortion-BfhB1rjJ.js → WaveDistortion-UQZKCfKh.js} +0 -0
  52. /package/dist/core/{ZoomBlur-DxUocLAG.js → ZoomBlur-DqKYdlmm.js} +0 -0
@@ -0,0 +1,127 @@
1
+ import { i as transformColorSpace, n as transformAngle, r as transformColor, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
2
+ import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
3
+ import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
4
+ import { cos, fract, fwidth, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
5
+ const componentDefinition = {
6
+ name: "Stripes",
7
+ category: "Base Layers",
8
+ description: "Alternating colored stripes with animation",
9
+ props: {
10
+ colorA: {
11
+ default: "#000000",
12
+ transform: transformColor,
13
+ description: "First stripe color",
14
+ ui: {
15
+ type: "color",
16
+ label: "Color A"
17
+ }
18
+ },
19
+ colorB: {
20
+ default: "#ffffff",
21
+ transform: transformColor,
22
+ description: "Second stripe color",
23
+ ui: {
24
+ type: "color",
25
+ label: "Color B"
26
+ }
27
+ },
28
+ angle: {
29
+ default: 45,
30
+ transform: transformAngle,
31
+ description: "Angle of stripes in degrees",
32
+ ui: {
33
+ type: "range",
34
+ min: -180,
35
+ max: 180,
36
+ step: 1,
37
+ label: "Angle"
38
+ }
39
+ },
40
+ density: {
41
+ default: 5,
42
+ description: "Number of stripe pairs visible",
43
+ ui: {
44
+ type: "range",
45
+ min: 1,
46
+ max: 30,
47
+ step: 1,
48
+ label: "Density"
49
+ }
50
+ },
51
+ balance: {
52
+ default: .5,
53
+ description: "Ratio of the two colors",
54
+ ui: {
55
+ type: "range",
56
+ min: .01,
57
+ max: .99,
58
+ step: .01,
59
+ label: "Balance"
60
+ }
61
+ },
62
+ softness: {
63
+ default: 0,
64
+ description: "Edge softness",
65
+ ui: {
66
+ type: "range",
67
+ min: 0,
68
+ max: 1,
69
+ step: .01,
70
+ label: "Softness"
71
+ }
72
+ },
73
+ speed: {
74
+ default: .2,
75
+ description: "Animation speed",
76
+ ui: {
77
+ type: "range",
78
+ min: -1,
79
+ max: 1,
80
+ step: .1,
81
+ label: "Speed"
82
+ }
83
+ },
84
+ offset: {
85
+ default: 0,
86
+ description: "Phase offset for pattern positioning",
87
+ ui: {
88
+ type: "range",
89
+ min: 0,
90
+ max: 1,
91
+ step: .01,
92
+ label: "Offset"
93
+ }
94
+ },
95
+ colorSpace: {
96
+ default: "linear",
97
+ transform: transformColorSpace,
98
+ description: "Color space for interpolation",
99
+ ui: {
100
+ type: "select",
101
+ options: colorSpaceOptions,
102
+ label: "Color Space"
103
+ }
104
+ }
105
+ },
106
+ fragmentNode: (params) => {
107
+ const { uniforms } = params;
108
+ const uv$1 = screenUV;
109
+ const aspect = viewportSize.x.div(viewportSize.y);
110
+ const aspectCorrectedUV = vec2(uv$1.x.mul(aspect), uv$1.y);
111
+ const angleRad = uniforms.angle.uniform.mul(.0174533);
112
+ const cosA = cos(angleRad);
113
+ const sinA = sin(angleRad);
114
+ const rotatedCoord = aspectCorrectedUV.x.mul(cosA).add(aspectCorrectedUV.y.mul(sinA));
115
+ const t = createAnimatedTime(params, uniforms.speed);
116
+ const pattern = rotatedCoord.mul(uniforms.density.uniform).add(t).add(uniforms.offset.uniform);
117
+ const stripe = fract(pattern);
118
+ const fw = fwidth(pattern);
119
+ const balance = uniforms.balance.uniform;
120
+ const soft = uniforms.softness.uniform;
121
+ const mask = smoothstep(balance.sub(soft).sub(fw), balance.add(soft).add(fw), stripe);
122
+ const mixedColor = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, mask, uniforms.colorSpace.uniform);
123
+ return vec4(mixedColor.rgb, mixedColor.a);
124
+ }
125
+ };
126
+ var Stripes_default = componentDefinition;
127
+ export { componentDefinition as n, Stripes_default as t };
@@ -53,14 +53,15 @@ import { n as componentDefinition$47 } from "./Spherize-tsKMpSaS.js";
53
53
  import { n as componentDefinition$48 } from "./Spiral-DDyVSeG_.js";
54
54
  import { n as componentDefinition$49 } from "./Strands-B9vY4uA7.js";
55
55
  import { n as componentDefinition$50 } from "./Stretch-BhHjbcqd.js";
56
- import { n as componentDefinition$51 } from "./Swirl-DoCDBZad.js";
57
- import { n as componentDefinition$52 } from "./TiltShift-BYQjUHpn.js";
58
- import { n as componentDefinition$53 } from "./Tint-BUFsUBqI.js";
59
- import { n as componentDefinition$54 } from "./Tritone-DS1QbB-T.js";
60
- import { n as componentDefinition$55 } from "./Twirl-w3PgFOlA.js";
61
- import { n as componentDefinition$56 } from "./Vibrance--gtdjy4j.js";
62
- import { n as componentDefinition$57 } from "./WaveDistortion-BfhB1rjJ.js";
63
- import { n as componentDefinition$58 } from "./ZoomBlur-DxUocLAG.js";
56
+ import { n as componentDefinition$51 } from "./Stripes-TdCUOh07.js";
57
+ import { n as componentDefinition$52 } from "./Swirl-m1-Mnzj5.js";
58
+ import { n as componentDefinition$53 } from "./TiltShift-C_NUqKZF.js";
59
+ import { n as componentDefinition$54 } from "./Tint-ChKku9xR.js";
60
+ import { n as componentDefinition$55 } from "./Tritone-D-NcV7N-.js";
61
+ import { n as componentDefinition$56 } from "./Twirl-Cqzll6nW.js";
62
+ import { n as componentDefinition$57 } from "./Vibrance-CxunJkcb.js";
63
+ import { n as componentDefinition$58 } from "./WaveDistortion-UQZKCfKh.js";
64
+ import { n as componentDefinition$59 } from "./ZoomBlur-DqKYdlmm.js";
64
65
  import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, WebGPURenderer } from "three/webgpu";
65
66
  import { WebGLRenderer } from "three";
66
67
  import { PI, abs, add, atan, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4 } from "three/tsl";
@@ -1087,7 +1088,7 @@ function shaderRenderer() {
1087
1088
  }
1088
1089
  }
1089
1090
  };
1090
- const registerNode = (id, fragmentNodeFunc, parentId, metadata, uniforms = {}, componentDefinition$59) => {
1091
+ const registerNode = (id, fragmentNodeFunc, parentId, metadata, uniforms = {}, componentDefinition$60) => {
1091
1092
  if (fragmentNodeFunc === null) {
1092
1093
  const queueIndex = pendingRegistrationQueue.findIndex((item) => item.id === id);
1093
1094
  if (queueIndex !== -1) {
@@ -1105,7 +1106,7 @@ function shaderRenderer() {
1105
1106
  parentId,
1106
1107
  metadata,
1107
1108
  uniforms,
1108
- componentDefinition: componentDefinition$59
1109
+ componentDefinition: componentDefinition$60
1109
1110
  };
1110
1111
  else pendingRegistrationQueue.push({
1111
1112
  id,
@@ -1113,7 +1114,7 @@ function shaderRenderer() {
1113
1114
  parentId,
1114
1115
  metadata,
1115
1116
  uniforms,
1116
- componentDefinition: componentDefinition$59
1117
+ componentDefinition: componentDefinition$60
1117
1118
  });
1118
1119
  return;
1119
1120
  }
@@ -1146,11 +1147,11 @@ function shaderRenderer() {
1146
1147
  }
1147
1148
  const nodeInfo = {
1148
1149
  id,
1149
- componentName: componentDefinition$59?.name || "Unknown",
1150
+ componentName: componentDefinition$60?.name || "Unknown",
1150
1151
  fragmentNodeFunc,
1151
1152
  parentId,
1152
- requiresRTT: componentDefinition$59?.requiresRTT || false,
1153
- requiresChild: componentDefinition$59?.requiresChild || false,
1153
+ requiresRTT: componentDefinition$60?.requiresRTT || false,
1154
+ requiresChild: componentDefinition$60?.requiresChild || false,
1154
1155
  opacityUniform,
1155
1156
  metadata: {
1156
1157
  blendMode: metadata?.blendMode || "normal",
@@ -1466,7 +1467,7 @@ function shaderRenderer() {
1466
1467
  if (pendingRegistrationQueue.length === 0) return;
1467
1468
  const queue = [...pendingRegistrationQueue];
1468
1469
  pendingRegistrationQueue = [];
1469
- for (const { id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition: componentDefinition$59 } of queue) if (fragmentNodeFunc) registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$59);
1470
+ for (const { id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition: componentDefinition$60 } of queue) if (fragmentNodeFunc) registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$60);
1470
1471
  };
1471
1472
  const initialize = async ({ canvas, enablePerformanceTracking: enableTracking = false }) => {
1472
1473
  if (isInitialized || isInitializing) return;
@@ -1812,14 +1813,15 @@ var createShaderRegistry = () => {
1812
1813
  Spiral: componentDefinition$48,
1813
1814
  Strands: componentDefinition$49,
1814
1815
  Stretch: componentDefinition$50,
1815
- Swirl: componentDefinition$51,
1816
- TiltShift: componentDefinition$52,
1817
- Tint: componentDefinition$53,
1818
- Tritone: componentDefinition$54,
1819
- Twirl: componentDefinition$55,
1820
- Vibrance: componentDefinition$56,
1821
- WaveDistortion: componentDefinition$57,
1822
- ZoomBlur: componentDefinition$58
1816
+ Stripes: componentDefinition$51,
1817
+ Swirl: componentDefinition$52,
1818
+ TiltShift: componentDefinition$53,
1819
+ Tint: componentDefinition$54,
1820
+ Tritone: componentDefinition$55,
1821
+ Twirl: componentDefinition$56,
1822
+ Vibrance: componentDefinition$57,
1823
+ WaveDistortion: componentDefinition$58,
1824
+ ZoomBlur: componentDefinition$59
1823
1825
  };
1824
1826
  Object.entries(shaderDefinitions).forEach(([fileName, def]) => {
1825
1827
  const propsMetadata = {};
@@ -1 +1 @@
1
- {"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA8DA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AA+FD,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}
1
+ {"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AAgGD,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}
@@ -0,0 +1,71 @@
1
+ import { ComponentDefinition } from '../../types';
2
+ import { transformColor, transformAngle } from '../../utilities/transformations';
3
+
4
+ export interface ComponentProps {
5
+ /**
6
+ * First stripe color
7
+ *
8
+ * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
9
+ * @default "#000000"
10
+ */
11
+ colorA: Parameters<typeof transformColor>[0];
12
+ /**
13
+ * Second stripe color
14
+ *
15
+ * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
16
+ * @default "#ffffff"
17
+ */
18
+ colorB: Parameters<typeof transformColor>[0];
19
+ /**
20
+ * Angle of stripes in degrees
21
+ *
22
+ * Accepts a number between -180 and 180.
23
+ * @default 45
24
+ */
25
+ angle: Parameters<typeof transformAngle>[0];
26
+ /**
27
+ * Number of stripe pairs visible
28
+ *
29
+ * Accepts a number between 1 and 30.
30
+ * @default 5
31
+ */
32
+ density: number;
33
+ /**
34
+ * Ratio of the two colors
35
+ *
36
+ * Accepts a number between 0.01 and 0.99.
37
+ * @default 0.5
38
+ */
39
+ balance: number;
40
+ /**
41
+ * Edge softness
42
+ *
43
+ * Accepts a number between 0 and 1.
44
+ * @default 0
45
+ */
46
+ softness: number;
47
+ /**
48
+ * Animation speed
49
+ *
50
+ * Accepts a number between -1 and 1.
51
+ * @default 0.2
52
+ */
53
+ speed: number;
54
+ /**
55
+ * Phase offset for pattern positioning
56
+ *
57
+ * Accepts a number between 0 and 1.
58
+ * @default 0
59
+ */
60
+ offset: number;
61
+ /**
62
+ * Color space for interpolation
63
+ *
64
+ * Accepts one of the predefined option values.
65
+ * @default "linear"
66
+ */
67
+ colorSpace: string;
68
+ }
69
+ export declare const componentDefinition: ComponentDefinition<ComponentProps>;
70
+ export default componentDefinition;
71
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Stripes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAE,cAAc,EAAyC,MAAM,qCAAqC,CAAA;AAI1H,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAsGnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
@@ -0,0 +1,5 @@
1
+ import "../../transformations-YbhRK-rd.js";
2
+ import "../../time-BZqyVJXt.js";
3
+ import "../../colorMixing-CZPFmiT4.js";
4
+ import { n as componentDefinition, t as Stripes_default } from "../../Stripes-TdCUOh07.js";
5
+ export { componentDefinition, Stripes_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../transformations-YbhRK-rd.js";
2
2
  import "../../time-BZqyVJXt.js";
3
3
  import "../../colorMixing-CZPFmiT4.js";
4
- import { n as componentDefinition, t as Swirl_default } from "../../Swirl-DoCDBZad.js";
4
+ import { n as componentDefinition, t as Swirl_default } from "../../Swirl-m1-Mnzj5.js";
5
5
  export { componentDefinition, Swirl_default as default };
@@ -1,3 +1,3 @@
1
1
  import "../../transformations-YbhRK-rd.js";
2
- import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-BYQjUHpn.js";
2
+ import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-C_NUqKZF.js";
3
3
  export { componentDefinition, TiltShift_default as default };
@@ -1,3 +1,3 @@
1
1
  import "../../transformations-YbhRK-rd.js";
2
- import { n as componentDefinition, t as Tint_default } from "../../Tint-BUFsUBqI.js";
2
+ import { n as componentDefinition, t as Tint_default } from "../../Tint-ChKku9xR.js";
3
3
  export { componentDefinition, Tint_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../transformations-YbhRK-rd.js";
2
2
  import "../../colorMixing-CZPFmiT4.js";
3
- import { n as componentDefinition, t as Tritone_default } from "../../Tritone-DS1QbB-T.js";
3
+ import { n as componentDefinition, t as Tritone_default } from "../../Tritone-D-NcV7N-.js";
4
4
  export { componentDefinition, Tritone_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../edges-Bd7GP4s2.js";
2
2
  import "../../transformations-YbhRK-rd.js";
3
- import { n as componentDefinition, t as Twirl_default } from "../../Twirl-w3PgFOlA.js";
3
+ import { n as componentDefinition, t as Twirl_default } from "../../Twirl-Cqzll6nW.js";
4
4
  export { componentDefinition, Twirl_default as default };
@@ -1,2 +1,2 @@
1
- import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance--gtdjy4j.js";
1
+ import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-CxunJkcb.js";
2
2
  export { componentDefinition, Vibrance_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../edges-Bd7GP4s2.js";
2
2
  import "../../transformations-YbhRK-rd.js";
3
3
  import "../../time-BZqyVJXt.js";
4
- import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-BfhB1rjJ.js";
4
+ import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-UQZKCfKh.js";
5
5
  export { componentDefinition, WaveDistortion_default as default };
@@ -1,3 +1,3 @@
1
1
  import "../../transformations-YbhRK-rd.js";
2
- import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-DxUocLAG.js";
2
+ import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-DqKYdlmm.js";
3
3
  export { componentDefinition, ZoomBlur_default as default };
@@ -0,0 +1,31 @@
1
+ import { default as React } from 'react';
2
+ import { BlendMode, TransformConfig } from '../../core';
3
+ import { ComponentProps } from '../../core/shaders/Stripes';
4
+
5
+ export type { ComponentProps };
6
+ /**
7
+ * Base props that all shader components have
8
+ */
9
+ interface BaseShaderProps {
10
+ children?: React.ReactNode;
11
+ blendMode?: BlendMode;
12
+ opacity?: number;
13
+ visible?: boolean;
14
+ id?: string;
15
+ maskSource?: string;
16
+ maskType?: string;
17
+ renderOrder?: number;
18
+ transform?: Partial<TransformConfig>;
19
+ ref?: React.Ref<any>;
20
+ }
21
+ /**
22
+ * Component-specific props that merge base props with shader-specific props
23
+ * Note: ComponentProps are made optional since they have defaults from the shader definition
24
+ */
25
+ type ShaderComponentProps = BaseShaderProps & Partial<ComponentProps>;
26
+ /**
27
+ * The main React wrapper component for Shader shader nodes
28
+ */
29
+ export declare const OmbreComponent: React.FC<ShaderComponentProps>;
30
+ export default OmbreComponent;
31
+ //# sourceMappingURL=Stripes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stripes.d.ts","sourceRoot":"","sources":["../../src/components/Stripes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGhF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxB;AAED;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAsDtE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwJzD,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -512,6 +512,19 @@ var shaderMetadata = {
512
512
  "falloff": 0,
513
513
  "edges": "stretch"
514
514
  },
515
+ "Stripes": {
516
+ "opacity": 1,
517
+ "blendMode": "normal",
518
+ "colorA": "#000000",
519
+ "colorB": "#ffffff",
520
+ "angle": 45,
521
+ "density": 5,
522
+ "balance": .5,
523
+ "softness": 0,
524
+ "speed": .2,
525
+ "offset": 0,
526
+ "colorSpace": "linear"
527
+ },
515
528
  "Swirl": {
516
529
  "opacity": 1,
517
530
  "blendMode": "normal",
@@ -701,6 +714,7 @@ const availableComponents = [
701
714
  "Spiral",
702
715
  "Strands",
703
716
  "Stretch",
717
+ "Stripes",
704
718
  "Swirl",
705
719
  "TiltShift",
706
720
  "Tint",
@@ -49,6 +49,7 @@ export { default as Spherize } from './components/Spherize';
49
49
  export { default as Spiral } from './components/Spiral';
50
50
  export { default as Strands } from './components/Strands';
51
51
  export { default as Stretch } from './components/Stretch';
52
+ export { default as Stripes } from './components/Stripes';
52
53
  export { default as Swirl } from './components/Swirl';
53
54
  export { default as TiltShift } from './components/TiltShift';
54
55
  export { default as Tint } from './components/Tint';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}