shaders 2.5.103 → 2.5.104

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 (223) hide show
  1. package/dist/core/Fog-DhFHErOx.js +674 -0
  2. package/dist/core/Smoke-LIDjCv7f.js +629 -0
  3. package/dist/core/SmokeFill-ChSIfTxW.js +641 -0
  4. package/dist/core/{VideoTexture-DnHIs4pp.js → VideoTexture-SWLe5c3m.js} +1 -1
  5. package/dist/core/{WebcamTexture-XBDo2kgN.js → WebcamTexture-cXPyEumA.js} +1 -1
  6. package/dist/core/index.js +73 -70
  7. package/dist/core/registry.js +72 -69
  8. package/dist/core/renderer.d.ts.map +1 -1
  9. package/dist/core/shaderRegistry-CVhdTDhR.js +252 -0
  10. package/dist/core/shaderRegistry.d.ts.map +1 -1
  11. package/dist/core/shaders/Fog/index.d.ts +78 -0
  12. package/dist/core/shaders/Fog/index.d.ts.map +1 -0
  13. package/dist/core/shaders/Fog/index.js +4 -0
  14. package/dist/core/shaders/Form3D/index.js +1 -1
  15. package/dist/core/shaders/Glass/index.js +1 -1
  16. package/dist/core/shaders/GlassTiles/index.js +1 -1
  17. package/dist/core/shaders/Glitch/index.js +1 -1
  18. package/dist/core/shaders/Glow/index.js +1 -1
  19. package/dist/core/shaders/Godrays/index.js +1 -1
  20. package/dist/core/shaders/Grayscale/index.js +1 -1
  21. package/dist/core/shaders/Grid/index.js +1 -1
  22. package/dist/core/shaders/GridDistortion/index.js +1 -1
  23. package/dist/core/shaders/Group/index.js +1 -1
  24. package/dist/core/shaders/Halftone/index.js +1 -1
  25. package/dist/core/shaders/HexGrid/index.js +1 -1
  26. package/dist/core/shaders/HueShift/index.js +1 -1
  27. package/dist/core/shaders/ImageTexture/index.js +1 -1
  28. package/dist/core/shaders/Invert/index.js +1 -1
  29. package/dist/core/shaders/Kaleidoscope/index.js +1 -1
  30. package/dist/core/shaders/LensFlare/index.js +1 -1
  31. package/dist/core/shaders/LinearBlur/index.js +1 -1
  32. package/dist/core/shaders/LinearGradient/index.js +1 -1
  33. package/dist/core/shaders/Liquify/index.js +1 -1
  34. package/dist/core/shaders/Mirror/index.js +1 -1
  35. package/dist/core/shaders/MultiPointGradient/index.js +1 -1
  36. package/dist/core/shaders/Neon/index.js +1 -1
  37. package/dist/core/shaders/Paper/index.js +1 -1
  38. package/dist/core/shaders/Perspective/index.js +1 -1
  39. package/dist/core/shaders/Pixelate/index.js +1 -1
  40. package/dist/core/shaders/Plasma/index.js +1 -1
  41. package/dist/core/shaders/PolarCoordinates/index.js +1 -1
  42. package/dist/core/shaders/Polygon/index.js +1 -1
  43. package/dist/core/shaders/Posterize/index.js +1 -1
  44. package/dist/core/shaders/ProgressiveBlur/index.js +1 -1
  45. package/dist/core/shaders/RadialGradient/index.js +1 -1
  46. package/dist/core/shaders/RectangularCoordinates/index.js +1 -1
  47. package/dist/core/shaders/Ring/index.js +1 -1
  48. package/dist/core/shaders/Ripples/index.js +1 -1
  49. package/dist/core/shaders/RoundedRect/index.js +1 -1
  50. package/dist/core/shaders/Saturation/index.js +1 -1
  51. package/dist/core/shaders/Sharpness/index.js +1 -1
  52. package/dist/core/shaders/Shatter/index.js +1 -1
  53. package/dist/core/shaders/SimplexNoise/index.js +1 -1
  54. package/dist/core/shaders/SineWave/index.js +1 -1
  55. package/dist/core/shaders/Smoke/index.d.ts +113 -0
  56. package/dist/core/shaders/Smoke/index.d.ts.map +1 -0
  57. package/dist/core/shaders/Smoke/index.js +4 -0
  58. package/dist/core/shaders/SmokeFill/index.d.ts +145 -0
  59. package/dist/core/shaders/SmokeFill/index.d.ts.map +1 -0
  60. package/dist/core/shaders/SmokeFill/index.js +5 -0
  61. package/dist/core/shaders/Solarize/index.js +1 -1
  62. package/dist/core/shaders/SolidColor/index.js +1 -1
  63. package/dist/core/shaders/Spherize/index.js +1 -1
  64. package/dist/core/shaders/Spiral/index.js +1 -1
  65. package/dist/core/shaders/Star/index.js +1 -1
  66. package/dist/core/shaders/Strands/index.js +1 -1
  67. package/dist/core/shaders/Stretch/index.js +1 -1
  68. package/dist/core/shaders/Stripes/index.js +1 -1
  69. package/dist/core/shaders/StudioBackground/index.js +1 -1
  70. package/dist/core/shaders/Swirl/index.js +1 -1
  71. package/dist/core/shaders/TiltShift/index.js +1 -1
  72. package/dist/core/shaders/Tint/index.js +1 -1
  73. package/dist/core/shaders/Trapezoid/index.js +1 -1
  74. package/dist/core/shaders/Tritone/index.js +1 -1
  75. package/dist/core/shaders/Truchet/index.js +1 -1
  76. package/dist/core/shaders/Twirl/index.js +1 -1
  77. package/dist/core/shaders/VHS/index.js +1 -1
  78. package/dist/core/shaders/Vesica/index.js +1 -1
  79. package/dist/core/shaders/Vibrance/index.js +1 -1
  80. package/dist/core/shaders/VideoTexture/index.js +2 -2
  81. package/dist/core/shaders/Vignette/index.js +1 -1
  82. package/dist/core/shaders/Voronoi/index.js +1 -1
  83. package/dist/core/shaders/WaveDistortion/index.js +1 -1
  84. package/dist/core/shaders/Weave/index.js +1 -1
  85. package/dist/core/shaders/WebcamTexture/index.js +2 -2
  86. package/dist/core/shaders/ZoomBlur/index.js +1 -1
  87. package/dist/js/createShader.js +1 -1
  88. package/dist/js/utils/generatePresetCode.d.ts.map +1 -1
  89. package/dist/js/utils/generatePresetCode.js +67 -0
  90. package/dist/react/Fog.js +223 -0
  91. package/dist/react/Preview.js +3 -0
  92. package/dist/react/Shader.js +1 -1
  93. package/dist/react/Smoke.js +223 -0
  94. package/dist/react/SmokeFill.js +223 -0
  95. package/dist/react/components/Fog.d.ts +31 -0
  96. package/dist/react/components/Fog.d.ts.map +1 -0
  97. package/dist/react/components/Smoke.d.ts +33 -0
  98. package/dist/react/components/Smoke.d.ts.map +1 -0
  99. package/dist/react/components/SmokeFill.d.ts +34 -0
  100. package/dist/react/components/SmokeFill.d.ts.map +1 -0
  101. package/dist/react/engine/Preview.d.ts.map +1 -1
  102. package/dist/react/index.d.ts +3 -0
  103. package/dist/react/index.d.ts.map +1 -1
  104. package/dist/react/index.js +4 -1
  105. package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
  106. package/dist/react/utils/generatePresetCode.js +67 -0
  107. package/dist/registry.js +1189 -0
  108. package/dist/solid/components/Fog.d.ts +28 -0
  109. package/dist/solid/components/Fog.d.ts.map +1 -0
  110. package/dist/solid/components/Fog.js +228 -0
  111. package/dist/solid/components/Smoke.d.ts +30 -0
  112. package/dist/solid/components/Smoke.d.ts.map +1 -0
  113. package/dist/solid/components/Smoke.js +228 -0
  114. package/dist/solid/components/SmokeFill.d.ts +31 -0
  115. package/dist/solid/components/SmokeFill.d.ts.map +1 -0
  116. package/dist/solid/components/SmokeFill.js +228 -0
  117. package/dist/solid/engine/Preview.d.ts.map +1 -1
  118. package/dist/solid/engine/Preview.js +162 -156
  119. package/dist/solid/engine/Shader.js +1 -1
  120. package/dist/solid/index.d.ts +3 -0
  121. package/dist/solid/index.d.ts.map +1 -1
  122. package/dist/solid/index.js +144 -138
  123. package/dist/solid/utils/generatePresetCode.d.ts.map +1 -1
  124. package/dist/solid/utils/generatePresetCode.js +67 -0
  125. package/dist/svelte/components/Fog.svelte.d.ts +19 -0
  126. package/dist/svelte/components/Smoke.svelte.d.ts +20 -0
  127. package/dist/svelte/components/SmokeFill.svelte.d.ts +21 -0
  128. package/dist/svelte/{generatePresetCode-psTzYsW3.js → generatePresetCode-DR_OAIL7.js} +67 -0
  129. package/dist/svelte/index.d.ts +3 -0
  130. package/dist/svelte/index.js +1151 -551
  131. package/dist/svelte/source/components/Fog.svelte +325 -0
  132. package/dist/svelte/source/components/Smoke.svelte +326 -0
  133. package/dist/svelte/source/components/SmokeFill.svelte +327 -0
  134. package/dist/svelte/source/engine/Preview.svelte +6 -0
  135. package/dist/svelte/source/index.js +3 -0
  136. package/dist/svelte/utils/generatePresetCode.js +1 -1
  137. package/dist/vue/Fog.js +3 -0
  138. package/dist/vue/Fog.vue_vue_type_script_setup_true_lang.js +222 -0
  139. package/dist/vue/Preview.vue_vue_type_script_setup_true_lang.js +6 -0
  140. package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js +1 -1
  141. package/dist/vue/Smoke.js +3 -0
  142. package/dist/vue/Smoke.vue_vue_type_script_setup_true_lang.js +227 -0
  143. package/dist/vue/SmokeFill.js +3 -0
  144. package/dist/vue/SmokeFill.vue_vue_type_script_setup_true_lang.js +232 -0
  145. package/dist/vue/components/Fog.vue.d.ts +54 -0
  146. package/dist/vue/components/Fog.vue.d.ts.map +1 -0
  147. package/dist/vue/components/Smoke.vue.d.ts +55 -0
  148. package/dist/vue/components/Smoke.vue.d.ts.map +1 -0
  149. package/dist/vue/components/SmokeFill.vue.d.ts +56 -0
  150. package/dist/vue/components/SmokeFill.vue.d.ts.map +1 -0
  151. package/dist/vue/index.d.ts +3 -0
  152. package/dist/vue/index.d.ts.map +1 -1
  153. package/dist/vue/index.js +4 -1
  154. package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
  155. package/dist/vue/utils/generatePresetCode.js +67 -0
  156. package/package.json +25 -1
  157. package/dist/core/shaderRegistry-BWuH2me2.js +0 -246
  158. /package/dist/core/{Form3D-rKpxb9t3.js → Form3D-DaPbLGUi.js} +0 -0
  159. /package/dist/core/{Glass-C04tCmBL.js → Glass-CpcmrDfm.js} +0 -0
  160. /package/dist/core/{GlassTiles-k1C4a4u8.js → GlassTiles-Dgh6nOaE.js} +0 -0
  161. /package/dist/core/{Glitch-DzPMkBu4.js → Glitch-BsbzLahF.js} +0 -0
  162. /package/dist/core/{Glow-BwaPYDRZ.js → Glow-Ft2x2QHL.js} +0 -0
  163. /package/dist/core/{Godrays-DAYmq-BP.js → Godrays-D1LINbut.js} +0 -0
  164. /package/dist/core/{Grayscale-lYKBBkGY.js → Grayscale-Ri-695Uh.js} +0 -0
  165. /package/dist/core/{Grid-BJ-nxN3i.js → Grid-BYSsAIEv.js} +0 -0
  166. /package/dist/core/{GridDistortion-DtaRNrTZ.js → GridDistortion-DWFGD8ya.js} +0 -0
  167. /package/dist/core/{Group-DpozigtX.js → Group-CkhjTW59.js} +0 -0
  168. /package/dist/core/{Halftone-XFa7by1s.js → Halftone-BUCDTTAU.js} +0 -0
  169. /package/dist/core/{HexGrid-D-EmQ4kI.js → HexGrid-BUiDrehv.js} +0 -0
  170. /package/dist/core/{HueShift-D9K0ynaS.js → HueShift-BtGVMu7q.js} +0 -0
  171. /package/dist/core/{ImageTexture-CArkZMfh.js → ImageTexture-CrX_9-f0.js} +0 -0
  172. /package/dist/core/{Invert-DCnwo_Xq.js → Invert-azYrcDMi.js} +0 -0
  173. /package/dist/core/{Kaleidoscope-BytHro3k.js → Kaleidoscope-CFWtKisp.js} +0 -0
  174. /package/dist/core/{LensFlare-B0vv4x97.js → LensFlare-ttrXgfea.js} +0 -0
  175. /package/dist/core/{LinearBlur-BFewxPjV.js → LinearBlur-By2aD8OO.js} +0 -0
  176. /package/dist/core/{LinearGradient-BKUf_u7r.js → LinearGradient-CM02z32l.js} +0 -0
  177. /package/dist/core/{Liquify-cE5dxrfh.js → Liquify-CyXo6vAH.js} +0 -0
  178. /package/dist/core/{Mirror-DIle92J8.js → Mirror-B7XmfGdw.js} +0 -0
  179. /package/dist/core/{MultiPointGradient-DDwac_mm.js → MultiPointGradient-8zGSIM4U.js} +0 -0
  180. /package/dist/core/{Neon-Dg8UfC7P.js → Neon-C1JlexhM.js} +0 -0
  181. /package/dist/core/{Paper-bMSMCeYK.js → Paper-B08rxNys.js} +0 -0
  182. /package/dist/core/{Perspective-BmfvQV6W.js → Perspective-BN_OpTZq.js} +0 -0
  183. /package/dist/core/{Pixelate-Dl26r6IT.js → Pixelate-dxPAFCRu.js} +0 -0
  184. /package/dist/core/{Plasma-CJWS1TvX.js → Plasma-DGCw0cd7.js} +0 -0
  185. /package/dist/core/{PolarCoordinates-lq6K4WBm.js → PolarCoordinates-CMYCFT4S.js} +0 -0
  186. /package/dist/core/{Polygon-DRCs3CYs.js → Polygon-CsCOt5YE.js} +0 -0
  187. /package/dist/core/{Posterize-BjH7Zscm.js → Posterize-Blv9pzPT.js} +0 -0
  188. /package/dist/core/{ProgressiveBlur-B8xwWyTM.js → ProgressiveBlur-Cx6eR7o9.js} +0 -0
  189. /package/dist/core/{RadialGradient-DiGFPgrn.js → RadialGradient-De0gtdh3.js} +0 -0
  190. /package/dist/core/{RectangularCoordinates-COkNDxi0.js → RectangularCoordinates-8Sa2GaDy.js} +0 -0
  191. /package/dist/core/{Ring-QApyKPzE.js → Ring-kHH-DIDQ.js} +0 -0
  192. /package/dist/core/{Ripples-C8Q17Hvz.js → Ripples-Bf6Zwg6X.js} +0 -0
  193. /package/dist/core/{RoundedRect-Ca9af9xe.js → RoundedRect-B0sWh2BN.js} +0 -0
  194. /package/dist/core/{Saturation-CgDaiq6n.js → Saturation-CB19kOXg.js} +0 -0
  195. /package/dist/core/{Sharpness-CRXT0D30.js → Sharpness-CQOboeqy.js} +0 -0
  196. /package/dist/core/{Shatter-BssZTRYJ.js → Shatter-BhK75BiG.js} +0 -0
  197. /package/dist/core/{SimplexNoise-KfTCAfpL.js → SimplexNoise-BcSgytjc.js} +0 -0
  198. /package/dist/core/{SineWave-Ckeap_YM.js → SineWave-VTNDSK_g.js} +0 -0
  199. /package/dist/core/{Solarize-DhtQYYpW.js → Solarize-CWDgSBiv.js} +0 -0
  200. /package/dist/core/{SolidColor-6yUkGybH.js → SolidColor-DhMdM3bE.js} +0 -0
  201. /package/dist/core/{Spherize-8LXrGGG_.js → Spherize-BZxwopX8.js} +0 -0
  202. /package/dist/core/{Spiral-Bs7uZrBr.js → Spiral-gpkw37l1.js} +0 -0
  203. /package/dist/core/{Star-DiXwnPGP.js → Star-WJAOZ5P5.js} +0 -0
  204. /package/dist/core/{Strands-DsAAVemq.js → Strands-DOthZNHt.js} +0 -0
  205. /package/dist/core/{Stretch-D7P2R5lV.js → Stretch--GV6hbru.js} +0 -0
  206. /package/dist/core/{Stripes-DF8agIiJ.js → Stripes-CFCXw1_N.js} +0 -0
  207. /package/dist/core/{StudioBackground-BFeNfwEu.js → StudioBackground-DJr-cxOL.js} +0 -0
  208. /package/dist/core/{Swirl-BwezrSAA.js → Swirl-By5FadQK.js} +0 -0
  209. /package/dist/core/{TiltShift-CI3FlfYk.js → TiltShift-Dh8wc9GG.js} +0 -0
  210. /package/dist/core/{Tint-BdXlqlzz.js → Tint-DaTx2HII.js} +0 -0
  211. /package/dist/core/{Trapezoid-BX_hmeZJ.js → Trapezoid-Co0sIA73.js} +0 -0
  212. /package/dist/core/{Tritone-BlJ7cchN.js → Tritone-C9Yx69Tw.js} +0 -0
  213. /package/dist/core/{Truchet-Bnn0fwbF.js → Truchet-CkFSkniR.js} +0 -0
  214. /package/dist/core/{Twirl-C5ijhqz1.js → Twirl-v8pLqUTN.js} +0 -0
  215. /package/dist/core/{VHS-CQJ1hV_D.js → VHS-mKd1QBBj.js} +0 -0
  216. /package/dist/core/{Vesica-DU0f85NG.js → Vesica-CxP7UD0a.js} +0 -0
  217. /package/dist/core/{Vibrance-CGvYDeds.js → Vibrance-WR5yQv_9.js} +0 -0
  218. /package/dist/core/{Vignette-BJaonUVL.js → Vignette-hAIKTi35.js} +0 -0
  219. /package/dist/core/{Voronoi-DZemzWA4.js → Voronoi-DOGmwUSK.js} +0 -0
  220. /package/dist/core/{WaveDistortion--Y-m667K.js → WaveDistortion-BGdgj3Iz.js} +0 -0
  221. /package/dist/core/{Weave-CtyohvHz.js → Weave-CIP_EUPa.js} +0 -0
  222. /package/dist/core/{ZoomBlur-BwkhsFRE.js → ZoomBlur-BuIVpHGG.js} +0 -0
  223. /package/dist/core/{browser-DTNngPey.js → browser-D8zonASQ.js} +0 -0
@@ -0,0 +1,78 @@
1
+ import { ComponentDefinition } from '../../types';
2
+ import { transformColor } from '../../utilities/transformations';
3
+
4
+ export interface ComponentProps {
5
+ /**
6
+ * Primary fog color
7
+ *
8
+ * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
9
+ * @default "#e0e0e0"
10
+ */
11
+ colorA: Parameters<typeof transformColor>[0];
12
+ /**
13
+ * Secondary fog color — creates variation across the field
14
+ *
15
+ * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
16
+ * @default "#888888"
17
+ */
18
+ colorB: Parameters<typeof transformColor>[0];
19
+ /**
20
+ * Deterministic starting pattern — different seeds produce different fog configurations
21
+ *
22
+ * Accepts a number between 0 and 999.
23
+ * @default 0
24
+ */
25
+ seed: number;
26
+ /**
27
+ * Simulation speed multiplier
28
+ *
29
+ * Accepts a number between 0.1 and 3.
30
+ * @default 1
31
+ */
32
+ speed: number;
33
+ /**
34
+ * Ambient motion strength
35
+ *
36
+ * Accepts a number between 0 and 3.
37
+ * @default 1
38
+ */
39
+ turbulence: number;
40
+ /**
41
+ * Fine-scale swirling structure — higher values produce more intricate wisps and vortices
42
+ *
43
+ * Accepts a number between 0 and 50.
44
+ * @default 15
45
+ */
46
+ detail: number;
47
+ /**
48
+ * How much the two colors blend together — 0 behaves like oil & water (colors stay distinct with sharp boundaries), 1 behaves like food coloring (colors fully mix)
49
+ *
50
+ * Accepts a number between 0 and 1.
51
+ * @default 0.3
52
+ */
53
+ blending: number;
54
+ /**
55
+ * Strength of cursor influence — move the cursor to push fog
56
+ *
57
+ * Accepts a number between 0 and 2.
58
+ * @default 0.1
59
+ */
60
+ mouseInfluence: number;
61
+ /**
62
+ * Radius of cursor influence area
63
+ *
64
+ * Accepts a number between 0.02 and 0.5.
65
+ * @default 0.1
66
+ */
67
+ mouseRadius: number;
68
+ /**
69
+ * Color space for color interpolation
70
+ *
71
+ * Accepts one of the predefined option values.
72
+ * @default "linear"
73
+ */
74
+ colorSpace: string;
75
+ }
76
+ export declare const componentDefinition: ComponentDefinition<ComponentProps>;
77
+ export default componentDefinition;
78
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Fog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAwC,MAAM,iBAAiB,CAAA;AAQ1F,OAAO,EAAC,cAAc,EAAyC,MAAM,qCAAqC,CAAA;AAI1G,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,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;CACrB;AASD,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAqwBnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
@@ -0,0 +1,4 @@
1
+ import "../../transformations-B5lM6fYX.js";
2
+ import "../../colorMixing-BPpDnR5I.js";
3
+ import { n as componentDefinition, t as Fog_default } from "../../Fog-DhFHErOx.js";
4
+ export { componentDefinition, Fog_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../time-DUqSFWvT.js";
3
- import { n as componentDefinition, t as Form3D_default } from "../../Form3D-rKpxb9t3.js";
3
+ import { n as componentDefinition, t as Form3D_default } from "../../Form3D-DaPbLGUi.js";
4
4
  export { componentDefinition, Form3D_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../computeBlur-C3oX720H.js";
3
3
  import "../../sdf-DyC2H_qS.js";
4
- import { n as componentDefinition, t as Glass_default } from "../../Glass-C04tCmBL.js";
4
+ import { n as componentDefinition, t as Glass_default } from "../../Glass-CpcmrDfm.js";
5
5
  export { componentDefinition, Glass_default as default };
@@ -1,3 +1,3 @@
1
1
  import "../../alpha-C4ptedXe.js";
2
- import { n as componentDefinition, t as GlassTiles_default } from "../../GlassTiles-k1C4a4u8.js";
2
+ import { n as componentDefinition, t as GlassTiles_default } from "../../GlassTiles-Dgh6nOaE.js";
3
3
  export { componentDefinition, GlassTiles_default as default };
@@ -1,3 +1,3 @@
1
1
  import "../../alpha-C4ptedXe.js";
2
- import { n as componentDefinition, t as Glitch_default } from "../../Glitch-DzPMkBu4.js";
2
+ import { n as componentDefinition, t as Glitch_default } from "../../Glitch-BsbzLahF.js";
3
3
  export { componentDefinition, Glitch_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../alpha-C4ptedXe.js";
2
2
  import "../../computeBlur-C3oX720H.js";
3
- import { n as componentDefinition, t as Glow_default } from "../../Glow-BwaPYDRZ.js";
3
+ import { n as componentDefinition, t as Glow_default } from "../../Glow-Ft2x2QHL.js";
4
4
  export { componentDefinition, Glow_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../time-DUqSFWvT.js";
3
- import { n as componentDefinition, t as Godrays_default } from "../../Godrays-DAYmq-BP.js";
3
+ import { n as componentDefinition, t as Godrays_default } from "../../Godrays-D1LINbut.js";
4
4
  export { componentDefinition, Godrays_default as default };
@@ -1,2 +1,2 @@
1
- import { n as componentDefinition, t as Grayscale_default } from "../../Grayscale-lYKBBkGY.js";
1
+ import { n as componentDefinition, t as Grayscale_default } from "../../Grayscale-Ri-695Uh.js";
2
2
  export { componentDefinition, Grayscale_default as default };
@@ -1,3 +1,3 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
- import { n as componentDefinition, t as Grid_default } from "../../Grid-BJ-nxN3i.js";
2
+ import { n as componentDefinition, t as Grid_default } from "../../Grid-BYSsAIEv.js";
3
3
  export { componentDefinition, Grid_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../edges-CfGcQniB.js";
2
2
  import "../../transformations-B5lM6fYX.js";
3
3
  import "../../alpha-C4ptedXe.js";
4
- import { n as componentDefinition, t as GridDistortion_default } from "../../GridDistortion-DtaRNrTZ.js";
4
+ import { n as componentDefinition, t as GridDistortion_default } from "../../GridDistortion-DWFGD8ya.js";
5
5
  export { componentDefinition, GridDistortion_default as default };
@@ -1,2 +1,2 @@
1
- import { n as componentDefinition, t as Group_default } from "../../Group-DpozigtX.js";
1
+ import { n as componentDefinition, t as Group_default } from "../../Group-CkhjTW59.js";
2
2
  export { componentDefinition, Group_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../alpha-C4ptedXe.js";
3
- import { n as componentDefinition, t as Halftone_default } from "../../Halftone-XFa7by1s.js";
3
+ import { n as componentDefinition, t as Halftone_default } from "../../Halftone-BUCDTTAU.js";
4
4
  export { componentDefinition, Halftone_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../colorMixing-BPpDnR5I.js";
3
- import { n as componentDefinition, t as HexGrid_default } from "../../HexGrid-D-EmQ4kI.js";
3
+ import { n as componentDefinition, t as HexGrid_default } from "../../HexGrid-BUiDrehv.js";
4
4
  export { componentDefinition, HexGrid_default as default };
@@ -1,2 +1,2 @@
1
- import { n as componentDefinition, t as HueShift_default } from "../../HueShift-D9K0ynaS.js";
1
+ import { n as componentDefinition, t as HueShift_default } from "../../HueShift-BtGVMu7q.js";
2
2
  export { componentDefinition, HueShift_default as default };
@@ -1,2 +1,2 @@
1
- import { n as componentDefinition, t as ImageTexture_default } from "../../ImageTexture-CArkZMfh.js";
1
+ import { n as componentDefinition, t as ImageTexture_default } from "../../ImageTexture-CrX_9-f0.js";
2
2
  export { componentDefinition, ImageTexture_default as default };
@@ -1,2 +1,2 @@
1
- import { n as componentDefinition, t as Invert_default } from "../../Invert-DCnwo_Xq.js";
1
+ import { n as componentDefinition, t as Invert_default } from "../../Invert-azYrcDMi.js";
2
2
  export { componentDefinition, Invert_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../edges-CfGcQniB.js";
2
2
  import "../../transformations-B5lM6fYX.js";
3
3
  import "../../alpha-C4ptedXe.js";
4
- import { n as componentDefinition, t as Kaleidoscope_default } from "../../Kaleidoscope-BytHro3k.js";
4
+ import { n as componentDefinition, t as Kaleidoscope_default } from "../../Kaleidoscope-CFWtKisp.js";
5
5
  export { componentDefinition, Kaleidoscope_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../time-DUqSFWvT.js";
3
- import { n as componentDefinition, t as LensFlare_default } from "../../LensFlare-B0vv4x97.js";
3
+ import { n as componentDefinition, t as LensFlare_default } from "../../LensFlare-ttrXgfea.js";
4
4
  export { componentDefinition, LensFlare_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../alpha-C4ptedXe.js";
3
- import { n as componentDefinition, t as LinearBlur_default } from "../../LinearBlur-BFewxPjV.js";
3
+ import { n as componentDefinition, t as LinearBlur_default } from "../../LinearBlur-By2aD8OO.js";
4
4
  export { componentDefinition, LinearBlur_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../colorMixing-BPpDnR5I.js";
3
- import { n as componentDefinition, t as LinearGradient_default } from "../../LinearGradient-BKUf_u7r.js";
3
+ import { n as componentDefinition, t as LinearGradient_default } from "../../LinearGradient-CM02z32l.js";
4
4
  export { componentDefinition, LinearGradient_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../edges-CfGcQniB.js";
2
2
  import "../../transformations-B5lM6fYX.js";
3
3
  import "../../alpha-C4ptedXe.js";
4
- import { n as componentDefinition, t as Liquify_default } from "../../Liquify-cE5dxrfh.js";
4
+ import { n as componentDefinition, t as Liquify_default } from "../../Liquify-CyXo6vAH.js";
5
5
  export { componentDefinition, Liquify_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../edges-CfGcQniB.js";
2
2
  import "../../transformations-B5lM6fYX.js";
3
3
  import "../../alpha-C4ptedXe.js";
4
- import { n as componentDefinition, t as Mirror_default } from "../../Mirror-DIle92J8.js";
4
+ import { n as componentDefinition, t as Mirror_default } from "../../Mirror-B7XmfGdw.js";
5
5
  export { componentDefinition, Mirror_default as default };
@@ -1,3 +1,3 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
- import { n as componentDefinition, t as MultiPointGradient_default } from "../../MultiPointGradient-DDwac_mm.js";
2
+ import { n as componentDefinition, t as MultiPointGradient_default } from "../../MultiPointGradient-8zGSIM4U.js";
3
3
  export { componentDefinition, MultiPointGradient_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../sdf-DyC2H_qS.js";
3
- import { n as componentDefinition, t as Neon_default } from "../../Neon-Dg8UfC7P.js";
3
+ import { n as componentDefinition, t as Neon_default } from "../../Neon-C1JlexhM.js";
4
4
  export { componentDefinition, Neon_default as default };
@@ -1,2 +1,2 @@
1
- import { n as componentDefinition, t as Paper_default } from "../../Paper-bMSMCeYK.js";
1
+ import { n as componentDefinition, t as Paper_default } from "../../Paper-B08rxNys.js";
2
2
  export { componentDefinition, Paper_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../edges-CfGcQniB.js";
2
2
  import "../../transformations-B5lM6fYX.js";
3
3
  import "../../alpha-C4ptedXe.js";
4
- import { n as componentDefinition, t as Perspective_default } from "../../Perspective-BmfvQV6W.js";
4
+ import { n as componentDefinition, t as Perspective_default } from "../../Perspective-BN_OpTZq.js";
5
5
  export { componentDefinition, Perspective_default as default };
@@ -1,3 +1,3 @@
1
1
  import "../../alpha-C4ptedXe.js";
2
- import { n as componentDefinition, t as Pixelate_default } from "../../Pixelate-Dl26r6IT.js";
2
+ import { n as componentDefinition, t as Pixelate_default } from "../../Pixelate-dxPAFCRu.js";
3
3
  export { componentDefinition, Pixelate_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../colorMixing-BPpDnR5I.js";
3
3
  import "../../time-DUqSFWvT.js";
4
- import { n as componentDefinition, t as Plasma_default } from "../../Plasma-CJWS1TvX.js";
4
+ import { n as componentDefinition, t as Plasma_default } from "../../Plasma-DGCw0cd7.js";
5
5
  export { componentDefinition, Plasma_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../edges-CfGcQniB.js";
2
2
  import "../../transformations-B5lM6fYX.js";
3
3
  import "../../alpha-C4ptedXe.js";
4
- import { n as componentDefinition, t as PolarCoordinates_default } from "../../PolarCoordinates-lq6K4WBm.js";
4
+ import { n as componentDefinition, t as PolarCoordinates_default } from "../../PolarCoordinates-CMYCFT4S.js";
5
5
  export { componentDefinition, PolarCoordinates_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../colorMixing-BPpDnR5I.js";
3
3
  import "../../sdf-DyC2H_qS.js";
4
- import { n as componentDefinition, t as Polygon_default } from "../../Polygon-DRCs3CYs.js";
4
+ import { n as componentDefinition, t as Polygon_default } from "../../Polygon-CsCOt5YE.js";
5
5
  export { componentDefinition, Polygon_default as default };
@@ -1,2 +1,2 @@
1
- import { n as componentDefinition, t as Posterize_default } from "../../Posterize-BjH7Zscm.js";
1
+ import { n as componentDefinition, t as Posterize_default } from "../../Posterize-Blv9pzPT.js";
2
2
  export { componentDefinition, Posterize_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../alpha-C4ptedXe.js";
3
3
  import "../../computeBlur-C3oX720H.js";
4
- import { n as componentDefinition, t as ProgressiveBlur_default } from "../../ProgressiveBlur-B8xwWyTM.js";
4
+ import { n as componentDefinition, t as ProgressiveBlur_default } from "../../ProgressiveBlur-Cx6eR7o9.js";
5
5
  export { componentDefinition, ProgressiveBlur_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../colorMixing-BPpDnR5I.js";
3
- import { n as componentDefinition, t as RadialGradient_default } from "../../RadialGradient-DiGFPgrn.js";
3
+ import { n as componentDefinition, t as RadialGradient_default } from "../../RadialGradient-De0gtdh3.js";
4
4
  export { componentDefinition, RadialGradient_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../edges-CfGcQniB.js";
2
2
  import "../../transformations-B5lM6fYX.js";
3
3
  import "../../alpha-C4ptedXe.js";
4
- import { n as componentDefinition, t as RectangularCoordinates_default } from "../../RectangularCoordinates-COkNDxi0.js";
4
+ import { n as componentDefinition, t as RectangularCoordinates_default } from "../../RectangularCoordinates-8Sa2GaDy.js";
5
5
  export { componentDefinition, RectangularCoordinates_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../colorMixing-BPpDnR5I.js";
3
3
  import "../../sdf-DyC2H_qS.js";
4
- import { n as componentDefinition, t as Ring_default } from "../../Ring-QApyKPzE.js";
4
+ import { n as componentDefinition, t as Ring_default } from "../../Ring-kHH-DIDQ.js";
5
5
  export { componentDefinition, Ring_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../colorMixing-BPpDnR5I.js";
3
3
  import "../../time-DUqSFWvT.js";
4
- import { n as componentDefinition, t as Ripples_default } from "../../Ripples-C8Q17Hvz.js";
4
+ import { n as componentDefinition, t as Ripples_default } from "../../Ripples-Bf6Zwg6X.js";
5
5
  export { componentDefinition, Ripples_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../colorMixing-BPpDnR5I.js";
3
3
  import "../../sdf-DyC2H_qS.js";
4
- import { n as componentDefinition, t as RoundedRect_default } from "../../RoundedRect-Ca9af9xe.js";
4
+ import { n as componentDefinition, t as RoundedRect_default } from "../../RoundedRect-B0sWh2BN.js";
5
5
  export { componentDefinition, RoundedRect_default as default };
@@ -1,2 +1,2 @@
1
- import { n as componentDefinition, t as Saturation_default } from "../../Saturation-CgDaiq6n.js";
1
+ import { n as componentDefinition, t as Saturation_default } from "../../Saturation-CB19kOXg.js";
2
2
  export { componentDefinition, Saturation_default as default };
@@ -1,3 +1,3 @@
1
1
  import "../../alpha-C4ptedXe.js";
2
- import { n as componentDefinition, t as Sharpness_default } from "../../Sharpness-CRXT0D30.js";
2
+ import { n as componentDefinition, t as Sharpness_default } from "../../Sharpness-CQOboeqy.js";
3
3
  export { componentDefinition, Sharpness_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../edges-CfGcQniB.js";
2
2
  import "../../transformations-B5lM6fYX.js";
3
3
  import "../../alpha-C4ptedXe.js";
4
- import { n as componentDefinition, t as Shatter_default } from "../../Shatter-BssZTRYJ.js";
4
+ import { n as componentDefinition, t as Shatter_default } from "../../Shatter-BhK75BiG.js";
5
5
  export { componentDefinition, Shatter_default as default };
@@ -1,5 +1,5 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../colorMixing-BPpDnR5I.js";
3
3
  import "../../time-DUqSFWvT.js";
4
- import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-KfTCAfpL.js";
4
+ import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-BcSgytjc.js";
5
5
  export { componentDefinition, SimplexNoise_default as default };
@@ -1,4 +1,4 @@
1
1
  import "../../transformations-B5lM6fYX.js";
2
2
  import "../../time-DUqSFWvT.js";
3
- import { n as componentDefinition, t as SineWave_default } from "../../SineWave-Ckeap_YM.js";
3
+ import { n as componentDefinition, t as SineWave_default } from "../../SineWave-VTNDSK_g.js";
4
4
  export { componentDefinition, SineWave_default as default };
@@ -0,0 +1,113 @@
1
+ import { ComponentDefinition } from '../../types';
2
+ import { transformColor, transformPosition } from '../../utilities/transformations';
3
+
4
+ export interface ComponentProps {
5
+ /**
6
+ * Color of fresh smoke
7
+ *
8
+ * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
9
+ * @default "#fc83f9"
10
+ */
11
+ colorA: Parameters<typeof transformColor>[0];
12
+ /**
13
+ * Color smoke transitions to as it ages
14
+ *
15
+ * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
16
+ * @default "#c21c79"
17
+ */
18
+ colorB: Parameters<typeof transformColor>[0];
19
+ /**
20
+ * The emission source point
21
+ *
22
+ * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
23
+ * @default {"x":0.5,"y":1}
24
+ */
25
+ emitFrom: Parameters<typeof transformPosition>[0];
26
+ /**
27
+ * Emission direction (0 = up, 90 = right, 180 = down, 270 = left)
28
+ *
29
+ * Accepts a number between 0 and 360.
30
+ * @default 0
31
+ */
32
+ direction: number;
33
+ /**
34
+ * Emission velocity strength
35
+ *
36
+ * Accepts a number between 0.1 and 50.
37
+ * @default 20
38
+ */
39
+ speed: number;
40
+ /**
41
+ * Emission cone angle in degrees
42
+ *
43
+ * Accepts a number between 0 and 180.
44
+ * @default 60
45
+ */
46
+ spread: number;
47
+ /**
48
+ * Size of the emission area
49
+ *
50
+ * Accepts a number between 0.01 and 0.3.
51
+ * @default 0.08
52
+ */
53
+ emitRadius: number;
54
+ /**
55
+ * Smoke emission density
56
+ *
57
+ * Accepts a number between 0.1 and 1.
58
+ * @default 1
59
+ */
60
+ intensity: number;
61
+ /**
62
+ * How fast smoke fades over time
63
+ *
64
+ * Accepts a number between 0.1 and 3.
65
+ * @default 0.2
66
+ */
67
+ dissipation: number;
68
+ /**
69
+ * Fine-scale swirling detail
70
+ *
71
+ * Accepts a number between 0 and 50.
72
+ * @default 25
73
+ */
74
+ detail: number;
75
+ /**
76
+ * Downward gravitational pull on smoke
77
+ *
78
+ * Accepts a number between -2 and 2.
79
+ * @default 0.5
80
+ */
81
+ gravity: number;
82
+ /**
83
+ * How quickly smoke shifts from Color A to Color B
84
+ *
85
+ * Accepts a number between 0 and 3.
86
+ * @default 0.4
87
+ */
88
+ colorDecay: number;
89
+ /**
90
+ * Strength of cursor influence
91
+ *
92
+ * Accepts a number between 0 and 2.
93
+ * @default 0.1
94
+ */
95
+ mouseInfluence: number;
96
+ /**
97
+ * Radius of cursor influence area
98
+ *
99
+ * Accepts a number between 0.02 and 0.5.
100
+ * @default 0.1
101
+ */
102
+ mouseRadius: number;
103
+ /**
104
+ * Color space for color interpolation
105
+ *
106
+ * Accepts one of the predefined option values.
107
+ * @default "linear"
108
+ */
109
+ colorSpace: string;
110
+ }
111
+ export declare const componentDefinition: ComponentDefinition<ComponentProps>;
112
+ export default componentDefinition;
113
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Smoke/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAwC,MAAM,iBAAiB,CAAA;AAQ1F,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAyC,MAAM,qCAAqC,CAAA;AAI7H,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,QAAQ,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACjD,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;CACrB;AAQD,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAkoBnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
@@ -0,0 +1,4 @@
1
+ import "../../transformations-B5lM6fYX.js";
2
+ import "../../colorMixing-BPpDnR5I.js";
3
+ import { n as componentDefinition, t as Smoke_default } from "../../Smoke-LIDjCv7f.js";
4
+ export { componentDefinition, Smoke_default as default };